/* WYSIWYG ========================================================================= */
.rtecenter { text-align: center !important; }
.rteleft { text-align: left !important; }
.rteright { text-align: right !important; }
.rtejustify { text-align: justify !important; }

/* Structure ========================================================================= */
.form-text, .input-text { background: #FFF url( ../images/interface/background/bg-input-text.jpg) top left repeat-x; border: 1px solid #c5c2c1; height: 21px; line-height: 21px; padding: 0 3px; font-size: 12px; color: #808080; font-family:Arial, Helvetica, sans-serif; }
.form-textarea { background: #FFF url( ../images/interface/background/bg-input-text.jpg) top left repeat-x; border: 1px solid #c5c2c1; line-height: 21px; padding: 0 3px; font-size: 12px; color: #808080; font-family:Arial, Helvetica, sans-serif; }
.form-submit { cursor: pointer; background: transparent url( ../images/interface/background/bg-button.jpg) top left repeat-x; border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; color: #FFF; font-size: 11px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; padding: 0 8px; height: 32px; line-height: 32px; text-transform: uppercase; cursos: pointer;}
.disabled { background: #CCC; }
.loader { width: 16px; display: block; height: 16px; background: transparent url(../images/interface/background/loader.gif) center center no-repeat; clear:both;}
.no-result { padding: 5px 10px; color:#815C87; font-weight: bold;}
/** Panel 2 Col **/
.panel-2col {}
.panel-2col .panel-col-first,
.panel-2col-stacked .panel-col-first { float: left; width: 730px;  }
.panel-2col .panel-col-last,
.panel-2col-stacked .panel-col-last { float: right; }
.panel-2col .panel-col-last .pane-block .pane-content,
.panel-2col-stacked .panel-col-last .pane-block .pane-content { width: 240px; /*background: #FFF;*/ }
.panel-2col .panel-col-last .pane-block .pane-content a:hover,
.panel-2col-stacked .panel-col-last .pane-block .pane-content a:hover {opacity: 0.7;}
.panel-2col .panel-col-first .pane-block .pane-content,
.panel-2col-stacked .panel-col-first .pane-block .pane-content { width: 100%; background: #FFF; }
.panel-2col .panel-col-first .inside-block,
.panel-2col-stacked .panel-col-first .inside-block{ padding: 14px 20px; }
.panel-2col .panel-col-first .inside-block a:hover,
.panel-2col-stacked .panel-col-first .inside-block a:hover {opacity: 0.7;}
.panel-2col .panel-col-first .panel-region-separator,
.panel-2col-stacked .panel-col-first .panel-region-separator{ width: 100%; height: 10px; }
.panel-2col-stacked .panel-col-bottom { clear: both; padding-top: 10px; }
/* .panel-2col-stacked .panel-col-bottom .pane-block-44 { padding: 15px 20px; height: 280px; background: url(../images/interface/background/bg-home-bottom-1-2_.jpg) no-repeat center top; } */
.panel-2col-stacked .panel-col-bottom .pane-block-44 {
    padding: 15px 20px;
    height: 280px;
    background: url(/cms/sites/default/files/interface/Inspiration-du-moment_Noel-2019.jpg) no-repeat center top;
}
.panel-2col-stacked .panel-col-bottom .pane-block-44 h3 { margin: 0; height: 57px; font-family: Lobster; font-size: 39px; color: white; text-shadow: 0 0 10px black; text-align: center; }
.panel-2col-stacked .panel-col-bottom .pane-block-44 .pane-content div div { float: left; width: 331px; height: 173px; margin: 30px 20px 0; padding: 5px 15px; }
.panel-2col-stacked .panel-col-bottom .pane-block-44 .pane-content div div.left { width: 240px; height: 150px; margin: 0; }
.panel-2col-stacked .panel-col-bottom .pane-block-44 .pane-content div div.right { width: 240px; height: 150px;  margin: 0; }
.panel-2col-stacked .panel-col-bottom .pane-block-44 .pane-content div div div { float: none; padding: 0; margin:0; width: auto; height: auto; font-family: HelveticaNeueMediumCondRg, Helvetica, sans-serif; }
.panel-2col-stacked .panel-col-bottom .pane-block-44 .pane-content div div .head { color: #7d695a; text-transform: uppercase; font-size:20px; }
.panel-2col-stacked .panel-col-bottom .pane-block-44 .pane-content div div .image { float: left; margin-right: 10px; }
.panel-2col-stacked .panel-col-bottom .pane-block-44 .pane-content div div .title { padding-top: 10px }
.panel-2col-stacked .panel-col-bottom .pane-block-44 .pane-content div div .title a { color: #009966; text-transform: uppercase; font-size: 16px; line-height: 14px; }
.panel-2col-stacked .panel-col-bottom .pane-block-44 .pane-content div div .description a { color: #7d695a; font-size: 14px; }
.panel-2col-stacked .panel-col-bottom .pane-block-44 .pane-content div div.center .head { text-align: center; }


.panel-2col-stacked .panel-col-bottom .pane-block-45 { padding: 15px 20px 0 20px; height: 279px; background: url(../images/interface/background/bg-home-bottom-2.jpg) no-repeat center top; margin-top: 14px; }
.panel-2col-stacked .panel-col-bottom .pane-block-45 h3 { margin: 0; height: 57px; font-family: Lobster; font-size: 39px; color: #80a312; text-align: center; }
.panel-2col-stacked .panel-col-bottom .pane-block-45 .pane-content div div { float: left; width: 294px; height: 187px;  }
.panel-2col-stacked .panel-col-bottom .pane-block-45 .pane-content div div.left { width: 294px; height: 187px; margin: 0;padding-right: 29px; }
.panel-2col-stacked .panel-col-bottom .pane-block-45 .pane-content div div.right { width: 294px; height: 187px;  margin: 0;padding-left: 29px; }
.panel-2col-stacked .panel-col-bottom .pane-block-45 .pane-content div div div { float: none; padding: 0; margin:0; width: auto; height: auto; font-family: HelveticaNeueMediumCondRg, Helvetica, sans-serif; }
.panel-2col-stacked .panel-col-bottom .pane-block-45 .pane-content div div .head { color: #7d695a; text-transform: uppercase; font-size:20px; }
.panel-2col-stacked .panel-col-bottom .pane-block-45 .pane-content div div .image { float: left; margin-right: 10px; }
.panel-2col-stacked .panel-col-bottom .pane-block-45 .pane-content div div .image:hover a {opacity:0.95;}
.panel-2col-stacked .panel-col-bottom .pane-block-45 .pane-content div div.center .head { text-align: center; }

/** Panel 3 Col **/
.panel-3col-33 {}
.panel-3col-33 .panel-panel {float:left; width: 327px}

/** carousel slider **/
.carousel-control { position: absolute; top: 44%; display: block; width: 25px; height: 25px; }
.carousel-control.prev { left: 0; background: url(../images/interface/background/carousel-prev.png) no-repeat center center; }
.carousel-control.next { right: 0; background: url(../images/interface/background/carousel-next.png) no-repeat center center; }
.carousel-control.control-dead { visibility: hidden; }

/** Bloc Home Recette **/
.bloc-recette-moment { background: #FFF; }
.bloc-recette-moment .view-header { padding: 0 18px; background: #e54f97; font-size: 18px; color: #FFF; height: 35px; line-height: 35px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; margin-bottom: 12px; }
.bloc-recette-moment .view-header h3 { font-weight: normal; font-size: 18px; padding: 0; margin: 0; float: left; text-transform: uppercase; height: 100%; line-height: 35px; }
.bloc-recette-moment .view-header p { float: right; height: 100%; margin: 0; }
.bloc-recette-moment .view-header a { color: #FFF; font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-transform: uppercase;line-height: 35px; display: block; }

.bloc-recette-moment .view-content { padding: 0; }
.bloc-recette-moment .view-content .views-row { float: left; width: 208px; height: 290px; position:relative; padding: 0 10px; }
.bloc-recette-moment .view-content .views-row+.views-row {margin-top:0; }
.bloc-recette-moment .view-content .views-row .views-field-tid { display: block; padding: 4px 0; font-size: 14px; color: #4b4b4b; font-family: HelveticaNeueMediumCondRg, Helvetica, sans-serif; line-height: 14px; font-weight: normal;height:28px;}
.bloc-recette-moment .view-content .views-row .views-field-title { margin:1px 0 0 0;display: block; font-size: 16px;  line-height: 16px;color: #815c87; font-family: HelveticaNeueBoldCond ;}
.bloc-recette-moment .view-content .views-row .views-field-title a { color: #815c87; line-height: 14px; display: block; }
.bloc-recette-moment .view-content .views-row .views-field-title a:hover {opacity:0.7;}
.bloc-recette-moment .view-content .views-row  .views-field-field-rc-images-fid img:hover{opacity:0.7;}
.bloc-recette-moment .view-content .views-row .views-field-view-node { text-align: right; font-weight: bold; text-transform: uppercase; position:absolute; bottom: 12px; right: 12px;}
.bloc-recette-moment .view-content .views-row .views-field-view-node a { background: transparent url(../images/interface/puces/puce-violet.png) center right no-repeat; padding-right: 16px; }
.bloc-recette-moment .view-content .views-row .views-field-view-node a:hover { opacity: 0.7;}
.bloc-recette-moment .view-content .views-row .views-field-field-rc-diffi-real-value { float: left; padding-bottom: 5px; }
.bloc-recette-moment .view-content .views-row .views-field-value { float: right; }
.bloc-recette-moment .view-content .views-row div.fivestar-widget-static .star {  width: 10px;  height: 23px; /* RTL */ }
.bloc-recette-moment .view-content .views-row div.fivestar-widget-static .star span.on {  background: url(../images/interface/background/bg-voting-small.png) no-repeat 0 0; /* RTL */ }
.bloc-recette-moment .view-content .views-row div.fivestar-widget-static .star span.off {  background: url(../images/interface/background/bg-voting-small.png) no-repeat 0 -23px; /* RTL */ }

.bloc-recette-moment .view-footer { height: 25px;line-height:25px;text-align: right; padding: 8px 18px; clear: both; color: #808080; font-size: 15px; margin: 6px 0 0 0;  }
.bloc-recette-moment .view-footer p { margin: 0; }
.bloc-recette-moment .view-footer span { text-transform: uppercase; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; padding-right: 10px; }
.bloc-recette-moment .view-footer a  { color: #808080; font-weight: bold; font-size: 11px; }

.bloc-recette-moment .bloc-recette-moment-slider { padding: 0 23px; position: relative; }
#recette-moment-slider { width: 684px; overflow: hidden; }
#recette-moment-slider-content { width: 4104px; }

/** Footer Top **/
.footer-top { height: 80px; }
.footer-top a:hover {opacity:0.8;}
.list-service-az { list-style:none; }
.list-service-az li{ display: block; float: left; }
.list-service-az li:first-child { border-left:none; }


/* Table style ========================================================================= */
.node table.table-row-border { border: 1px solid #815c87; }
.node table.table-row-border td,
.node table.table-row-border th { padding: 0.6em; border-top: 1px solid #815c87; border-left: 1px solid #815c87; }
.node table.table-row-border td:first-child,
.node table.table-row-border th:first-child { border-left: none; }
.node table.table-row-border th { background: #e4cee7; text-align: center; border-top: none; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial;}
.node table.table-row-border tbody tr:first-child td { border-top: 0; }

.node table.table-no-row-border { border: 1px solid #815c87; }
.node table.table-no-row-border td,
.node table.table-no-row-border th { padding: 0.6em; border-left: 1px solid #815c87; }
.node table.table-no-row-border td:first-child,
.node table.table-no-row-border th:first-child { border-left: none; }
.node table.table-no-row-border th { background: #e4cee7; text-align: center; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial;}

/* Form de connexion ===================================================================== */
.node #login-form ul { margin :0; }
.node #login-form ul li { background: none; padding: 3px 0; margin:0;}
.node #login-form label { width: auto; text-transform: none; font-family:Arial, Helvetica, sans-serif; font-size: 11px; }
.node #login-form .buttons-set button span { width: auto; }
.node #login-form .buttons-set button span span { margin-left: 5px; padding-right: 15px; background-position: top right; width: auto; background-color: #FFF;}
.node #login-form .buttons-set button:hover span span { background-position: bottom right; }
#login-form p.required { text-align:left; font-style: italic;  }
#login-form {line-height: 16px;font-size: 11px;}
#login-form a{color:#815C88; text-decoration:none;}
/* Home ========================================================================= */
#carrousel-home{  width:778px;  padding-left:201px;  position:relative;  height:425px;  border:1px solid #dddcdd; margin: 10px 0; }
#carrousel-home ul {  position:absolute;  top:0; left: 0;  list-style:none;  padding:0; margin:0;  width:200px;  }
#carrousel-home ul li {  padding: 0;margin: 0px 0px -5px 0px;  border-right:1px solid #dddcdd; height: 70px; }
#carrousel-home ul li+li { border-top:1px solid #dddcdd;}
#carrousel-home ul li img {  display: block; }
#carrousel-home ul li.views-row a .min-home { display: block; height: 70px; width: 200px; background-position: top left; background-repeat: no-repeat; }
#carrousel-home .ui-tabs-panel{  width:778px;  height:425px;  position:relative;  overflow:hidden;  }
#carrousel-home .ui-tabs-hide{  display:none; }
#carrousel-home li.ui-tabs-nav-item a{ outline:none;  }
#carrousel-home li.ui-tabs-nav-item a .min-home { display: block; height: 70px; width: 200px; background-position: top left; background-repeat: no-repeat; }
#carrousel-home li.ui-tabs-selected{ /*Selected tab style*/  /*border:1px solid red;*/ }
#carrousel-home ul li.ui-tabs-selected a .min-home,
#carrousel-home ul li:hover a .min-home { background-position: bottom left; }

/* Bug carrousel home===============================================*/
.view-carrousel-home .view-content .item-list ul {position: relative;top:0; left: 0; list-style:none; padding:0; margin:0; width:740px; margin-left: 110px; overflow: hidden; }
.view-carrousel-home .view-content .item-list ul li {padding: 0;margin: 0; height: 170px; border-right:none; display:inline-block;}
.view-carrousel-home .view-content .item-list ul li .views-field-field-ch-lien-value {display:none;}
.view-carrousel-home .view-content .item-list ul li .views-field-field-ch-visuel-miniature-fid {display:none;}
.view-carrousel-home .view-content .item-list ul li .views-field-field-ch-visuel-fid span {height:100%;}
.view-carrousel-home .view-content .item-list ul li .views-field-field-ch-visuel-fid span a {display: inline-block; height: 170px; width: 100%;}
.view-carrousel-home .view-content .item-list ul li .views-field-field-ch-visuel-fid span a img {width:auto; height:100%; display: block; }

.block-header p,
.block-home-promo p {margin:0;}
.block-home-promo { background: #FFF; }
.block-home-promo .block-header { height: 35px; line-height: 35px; background: #a8ca38; padding: 0 20px; }
.block-home-promo .block-header h3 { float: left; color: #ffffff; font-size: 18px; line-height: 35px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; font-weight: normal; text-transform: uppercase; }
.block-home-promo .block-header a { float: right; color: #ffffff; padding-right: 20px; background: transparent url(../images/interface/puces/puce-blanc.png) center right no-repeat; text-transform: uppercase; font-weight: bold; }
.block-home-promo .block-header a:hover {opacity: 0.7;}
.block-home-promo .products-block { padding: 0 26px; clear:both; display:block; position: relative; }
.block-home-promo  .product-name {max-width: 165px;}
.block-home-promo .products-block .product-content { margin-bottom: 0px; }
.block-home-promo .products-block .product-content .product-node { float:left;width: 120px;margin-top: 5px;}
.block-home-promo .products-block .product-content .product-pictos { margin-top: 5px; top: 0; right: 0;}
.block-home-promo .products-block .product-content .product-pictos li { margin-left: 0; padding: 0 1px; }
/* .block-home-promo .products-block .product-content .product-pictos img { height: 32px; width: auto; } */
.block-home-promo .products-block .average { position: absolute; top: 5px; right: 0; }
.block-home-promo .average:hover div.fivestar-static-form-item .description {  display: none; }
.block-home-promo .products-block div.fivestar-widget-static {margin-top: 7px;}
.block-home-promo .products-block div.fivestar-widget-static .star {  width: 10px;  height: 23px; /* RTL */ }
.block-home-promo .products-block div.fivestar-widget-static .star span.on {  background: url(../images/interface/background/bg-voting-small.png) no-repeat 0 0; /* RTL */ }
.block-home-promo .products-block div.fivestar-widget-static .star span.off {  background: url(../images/interface/background/bg-voting-small.png) no-repeat 0 -23px; /* RTL */ }
.block-home-promo .products-block .products-grid li { margin-left: 0; padding: 10px 8px 5px; position: relative; }
.block-home-promo .products-block .coup_coeur{padding-top:10px;}
.block-home-promo .products-block .product-price {padding-top: 20px;}
.block-home-promo .products-block .products-grid .availability { clear:both; margin-top:2px;  }
.block-home-promo .average div.fivestar-static-form-item .description { display: none; }
.block-home-promo .products-grid {margin: 0 auto;}
.block-home-promo .products-grid .price-box .price {max-width: 70px;}
.block-home-promo .products-grid .product-price .reduce{margin-right: 10px;}

#promo-product-slider { width: 678px; overflow: hidden; }
#promo-product-slider-content { width: 4068px; }

/* Autocomplete ========================================================================= */
#autocomplete { z-index:999; position: absolute; margin-top: 34px !important; }
#autocomplete ul {background-color:#9f81a3;}
#autocomplete li { text-align:left; padding:8px; cursor:pointer; line-height:16px; min-height:18px}
#autocomplete li .amount { float:right; font-weight:bold; }
#autocomplete li.odd { background-color:#714e76; }
#autocomplete li.selected { background-color:#815c87; }
#autocomplete li span {padding-right:10px}
#autocomplete li.longtext {line-height:15px}
#autocomplete li a {color:#fff}
#autocomplete li.last {border-bottom:1px solid #fff}
#autocomplete li.all {font-weight:bold}
#recette-filter-form .form-autocomplete { background:#ffffff !important; }
.form-autocomplete { background: #FFF url('../images/interface/ajax-loader.gif') 210px center no-repeat !important; }
.form-autocomplete.throbbing { position: relative; z-index: 999; }


/* Node ========================================================================= */
.node { font-size : 12px; position: relative; }
.node ol { margin-left: 20px; }
.node ol li { list-style: decimal outside none; }
.node ul { margin-left: 20px; }
.node ul li { padding-left: 10px; background: transparent url(../images/interface/puces/rond-violet.png) top left no-repeat; line-height: 18px; margin-bottom: 5px; }
.node ul li li{ background: transparent url(../images/interface/puces/tiret-violet.png) top left no-repeat; }
.node h3.titre { display: block; height: 35px; line-height: 35px; font-size: 18px; color: #FFF; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; font-weight: normal; text-transform: uppercase; background: #8B6B90 url( ../images/interface/background/bg-header-accordion.jpg) top left repeat-x; padding: 0 20px; }
.node h4.sous-titre { color: #4b4b4b; font-size: 24px; line-height: 24px; padding-left: 38px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; text-transform: uppercase; background: transparent url( ../images/interface/puces/puce-logo-medium.png) center left no-repeat; font-weight: normal; margin-bottom: 7px; }
.node h2.cat-titre {    margin: 10px 0 0 0;
    border-bottom: 1px solid #879900;
    color: #b6c165;}
.node h2.cat-titre.sante,div.node h2.sous-sous-titre.sante {color:#b6c165;border-color:#879900}
.node h2.cat-titre.bien-etre,div.node h2.sous-sous-titre.bien-etre  {color:#65b2d1;border-color:#92e0ff}
.node h2.cat-titre.beaute,div.node h2.sous-sous-titre.beaute {color:#e4418b;border-color:#ff83bb}
.node h2.cat-titre.maquillage,div.node h2.sous-sous-titre.maquillage {color:#d05d91;border-color:#fca4cc}
.node h2.cat-titre.parfum,div.node h2.sous-sous-titre.parfum {color:#815C87;border-color:#d298db}
.node h2.cat-titre.cuisine,div.node h2.sous-sous-titre.cuisine {color:#ee9417;border-color:#f6bb6a}
.node h2.cat-titre.veterinaire,div.node h2.sous-sous-titre.veterinaire,.node h2.cat-titre.bien-etre-animal,div.node h2.sous-sous-titre.bien-etre-animal  {color:#b6c165;border-color:#ebf88f}
.node h2.cat-titre.hygiene,div.node h2.sous-sous-titre.hygiene {color:#b6c165;border-color:#879900}
.node h2.cat-titre.usage-domestique,div.node h2.sous-sous-titre.usage-domestique {color:#65b2d1;border-color:#85dcff}
.node h2.cat-titre.loisirs-creatifs,div.node h2.sous-sous-titre.loisirs-creatifs {color:#b6c165;border-color:#879900}

.node h5.sous-sous-titre2 { color: #4b4b4b; font-size: 16px; line-height: 16px; padding-left: 38px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; text-transform: uppercase; background: transparent url( ../images/interface/puces/puce-logo-medium.png) center left no-repeat; font-weight: normal; margin: 10px 0; }
.node h5.sous-sous-titre { color: #815C87; font-size: 22px; line-height: 24px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; text-transform: uppercase; font-weight: normal; margin-top: 15px; }
.node h2.sous-sous-titre { color: #815C87; font-size: 22px; line-height: 24px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; text-transform: uppercase; font-weight: normal; margin-top: 15px; margin-bottom: 0; }
.node .blocks { background: #FFF; margin-top: 10px; }
.node .blocks .block-inline { padding: 20px; background: #FFF; }
.node .links-top { position: absolute; top: -30px; right:10px; z-index:9; }
.node .links-top .addthis_toolbox,
.node .links-top ul {float:left; margin:0;}
.node .links-top ul li { background: none; float: left; padding: 0; }
.node .links-top ul li.comment_forbidden { margin-right: 28px; display:none;}
.node .links-top ul li.comment_add{display:none;}
.node .links-top ul li.print_html a { width: 19px; display: block; height: 19px; cursor: pointer; background: transparent url(../images/interface/button/btns-printer.png) top left no-repeat; text-indent: -999em; overflow: hidden; padding: 0; margin-left: 5px; }
.node .links-top ul li.print_pdf a{ width: 16px; display: block; height: 19px; cursor: pointer; background: transparent url(../images/interface/button/btns-printer.png) top right no-repeat; text-indent: -999em; overflow: hidden; padding: 0; margin-left: 5px; }
.node .addToFavorite { position: absolute; top: -12px; right: 65px; z-index: 12;background: url(../images/interface/button/addToFavorite.png) 0 0 no-repeat; display: block; width: 21px; height: 21px; text-indent:-999em;}
.node + .box,.col-main > .box { display: none; }

.node-classic { background: #FFF; padding: 20px; }
.node .messages li {background:none; padding: 0; }

/* Fiche savoir faire ========================================================================= */
.fiche-savoir-faire {padding-top: 20px; }
.fiche-savoir-faire .separator { border-bottom: 1px dashed #89688f; margin: 28px 0; }
.fiche-savoir-faire h3.subtitle{ background: url(../images/interface/background/bg-fsf-title2.jpg) top left no-repeat #EB74AA;text-indent: 20px; font-family: FreestyleScriptRegular; color: #FFF; font-weight: normal; font-size: 50px; height: 57px; line-height:57px; padding: 0; }

.fiche-savoir-faire .top { background: #FFF url(../images/interface/background/bg-top-fsf.jpg) top right no-repeat; padding: 20px; padding-top: 0; }
.fiche-savoir-faire .top h3 { font-size: 16px; font-weight: normal; color: #e4418b; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; text-transform: uppercase; }
.fiche-savoir-faire .top h2 { font-size: 26px; font-weight: normal; color: #4c4c4c; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; text-transform: uppercase; }
.fiche-savoir-faire .top .average { float: left; padding-right: 10px; }
.fiche-savoir-faire .top .addthis_toolbox { float: left; padding-top: 8px; }
.fiche-savoir-faire .top .intro { width: 600px; color: #a39996; font-weight: bold; font-size: 16px; }
.fiche-savoir-faire .top .visuel { float: right; }
.fiche-savoir-faire .top .content { padding: 0; color: #a39996; font-weight: bold; font-size: 16px; }

.fiche-savoir-faire table.blocks {margin-top:0;}
.fiche-savoir-faire .block-cest-quoi { min-width: 485px; background: #fcedf4; border-right: 11px solid #ffffff;vertical-align: top;}
.fiche-savoir-faire .block-cest-quoi h3.subtitle { background: #e5408c url(../images/interface/background/bg-fsf-title1.jpg) top left no-repeat; margin:0;}

.fiche-savoir-faire .block-quels-produits { width: 485px; background: #fcedf4;vertical-align: top; }
.fiche-savoir-faire .block-quels-produits h3.subtitle { background: transparent url(../images/interface/background/bg-fsf-title2.jpg) top left no-repeat;margin:0;}

.fiche-savoir-faire .explications { margin:0;padding: 10px;}

.fiche-savoir-faire .composition {}
.fiche-savoir-faire .composition h3.subtitle { background: transparent url(../images/interface/background/bg-fsf-title3.jpg) top left no-repeat; }
.fiche-savoir-faire .composition .container-composants { padding-left: 46px; padding-top: 10px; }
.fiche-savoir-faire .composition .container-composants .block-composant { width: 160px;  float: left; }
.fiche-savoir-faire .composition .container-composants.n2 .block-composant { margin: 0 120px; }
.fiche-savoir-faire .composition .container-composants.n3 .block-composant { margin: 0 45px; text-align: center; }
.fiche-savoir-faire .composition .container-composants .separator {background: transparent url(../images/interface/background/ft/picto-plus.png)center center no-repeat; float:left; width: 44px; height: 133px;border:0;margin: 0 14px;}
.fiche-savoir-faire .composition .container-composants .separator.last {background: transparent url(../images/interface/background/ft/picto-plus.png)center center no-repeat;}
.fiche-savoir-faire .composition .container-composants .block-composant.last { padding: 0; background: none; }
.fiche-savoir-faire .composition .container-composants .block-composant h4 { width: 160px; margin:auto;font-size: 17px; font-weight: normal; color: #815c87; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; padding-top: 5px;margin:0; text-align:center}
.fiche-savoir-faire .composition .container-composants .block-composant h4 p {margin:0;}
.fiche-savoir-faire .composition .container-composants .block-composant .description { font-size: 14px; line-height: 16px;color: #4c4c4c; font-family: HelveticaNeue57Condensed; text-align: center }
.fiche-savoir-faire .composition .bottom-composants { background: #ebe7e9; margin: 4px 4px 0; border-bottom: 4px solid #ffffff; padding: 10px 20px; color: #4c4c4c;font-family: HelveticaNeue57Condensed; font-size: 14px;}
.fiche-savoir-faire .composition .bottom-composants .left { width: 420px; border-right: 2px solid #ddd6d9; padding-right: 50px; }
.fiche-savoir-faire .composition .bottom-composants .visuel-conservateur { float: left; margin-right: 10px; }
.fiche-savoir-faire .composition .bottom-composants h4 { font-size: 19px; font-weight: normal; text-transform: uppercase; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; color: #4b4b4b; margin: 0; margin-top: 15px; }
.fiche-savoir-faire .composition .bottom-composants .les-plus { float:left; padding-left: 84px; width: 336px; background: transparent url(../images/interface/background/bg-les-plus.jpg) 15px 30px no-repeat; min-height: 90px; }
.fiche-savoir-faire .composition .bottom-composants .les-plus h4 { color: #e4418b; }
.fiche-savoir-faire .composition .fsf-commentaire { text-align :center; font-size: 10px; color: #4b4b4b;  }
.fiche-savoir-faire .composition .block-inline { margin-top: 10px; }
.fiche-savoir-faire .mode-operatoire h5 { font-size: 18px;font-weight: normal;color:#815C87;text-transform: uppercase;font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial;}
.fiche-savoir-faire .mode-operatoire  { font-weight: normal;color:#4c4c4c;font-family: HelveticaNeue57Condensed;font-size: 14px;}
.fiche-savoir-faire .mode-operatoire ul {margin-left: 0;}
.fiche-savoir-faire .mode-operatoire li { margin-bottom: 2px; line-height: 14px; background: transparent url(../images/interface/puces/rond-rose.png) top left no-repeat;}
.fiche-savoir-faire .practice {}
.fiche-savoir-faire .practice h4.sous-titre span { color: #e4418b; font-size: 20px; text-transform: none; }
.fiche-savoir-faire .practice h3.subtitle { background: transparent url(../images/interface/background/bg-fsf-title4.jpg) top left no-repeat; }
.fiche-savoir-faire .practice .container-step-conditions-real {  padding-left: 26px; padding-top: 10px; }
.fiche-savoir-faire .practice .step-conditions-real { width: 177px; float: left; padding-right: 50px; }
.fiche-savoir-faire .practice .step-conditions-real .num-step { display: block; margin: auto; width: 31px; height: 31px; line-height: 31px; margin-bottom: 10px; background: transparent url(../images/interface/puces/puce-ronde-rose-num.png) top left no-repeat; color: #FFF; text-align: center; font-size: 25px; font-family: FreestyleScriptRegular; }
.fiche-savoir-faire .practice .step-conditions-real h4 { font-size: 14px; font-weight: normal; color: #815c87; text-transform: uppercase; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; margin: 0; margin-top: 10px; }
.fiche-savoir-faire .practice .step-conditions-real .description { font-size: 14px; color: #4c4c4c; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; }

.fiche-savoir-faire .block-videos { padding-left: 130px; background: transparent url(../images/interface/background/bg-block-video.png) left 27px no-repeat; }
.fiche-savoir-faire .block-videos h5 { font-size: 13px; color: #e4418b; }
.fiche-savoir-faire .block-videos .block-video { float: left; width: 185px; padding-right: 15px; padding-bottom: 20px; }
.fiche-savoir-faire .block-videos .block-video a { display: block; position: relative; color: #6f6f6f; font-size: 13px; }
.fiche-savoir-faire .block-videos .block-video label,
.fiche-savoir-faire .block-videos .block-video img { display: block; line-height: 15px; }
.fiche-savoir-faire .block-videos .block-video .vignette-video { display: block; width: 37px; height: 36px; background: transparent url(../images/interface/background/vignette-video.png) left top no-repeat; position: absolute; left: 58px; top: 24px; }

.fiche-savoir-faire .block-pdf-impression { background: #FFF url(../images/interface/background/bg-doc-print.png) -20px center no-repeat; padding: 10px; padding-left: 130px; }
.fiche-savoir-faire .block-pdf-impression h5 { font-size: 13px; color: #e4418b; }
.fiche-savoir-faire .block-pdf-impression a { padding-left: 30px; background: transparent url(../images/interface/puces/puce-pdf.png) left center no-repeat; font-weight: bold; color: #6f6f6f; width: 45%; display: block; float: left; margin-bottom: 5px; font-size: 12px; }


/* Dossier thematique ========================================================================= */
.thematic-report { }
.thematic-report .comment_forbidden { display:none;}
.thematic-report h3.titre { background: transparent url(../images/interface/background/bg-subtitle2-dt.jpg) top left repeat-x; margin: 0; }
.thematic-report .blocks .block-inline { padding: 20px; background: #FFF; }

.thematic-report .top { position: relative; padding-top: 50px; background: #FFF; padding-bottom: 20px; }
.thematic-report .top .img-header { position: absolute; right: 66px; top: -10px; }
.header-thematic-report { background: transparent url(../images/interface/background/bg-title-dt.png) top left no-repeat; text-indent: 18px; line-height: 66px; font-family: FreestyleScriptRegular; color: #ffffff; font-size: 58px; height: 77px; width: 100%; display: block; margin-bottom: 15px;}
.thematic-report .top h1.title { color: #4c4c4c; font-size: 26px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; font-weight: normal; text-transform: uppercase; padding-left: 20px; max-width: 730px;}
.thematic-report .top .box-share { padding-left: 20px; margin: 10px 0; }
.thematic-report .top .box-share .addthis_toolbox { padding-top: 8px; }
.thematic-report .top .content { padding: 0 20px; color: #a39996; font-weight: bold; font-size: 16px; }

.thematic-report .bloc-menu {margin-bottom: 5px;}
.thematic-report .bloc-menu ul { height: auto; }
.thematic-report .bloc-menu ul li {margin-top: 2px; /*float:none; display: inline; margin: 0; margin-bottom: 20px; margin-left: 10px; padding-left: 50px; padding-right: 23px; border-left: 1px solid #AAA9AB; border-right: none; background-position: 20px 50%;  */}
.thematic-report .bloc-menu ul li:last-child { border: none; }

.thematic-report .blocs-dossier-thematique {  }
.thematic-report .blocs-dossier-thematique .bloc-dossier-thematique { margin-bottom: 10px; background: #FFF; padding-bottom: 20px; }
.thematic-report .blocs-dossier-thematique h3.subtitle { text-indent: 20px; background: transparent url(../images/interface/background/bg-subtitle-dt.jpg) top left repeat-x; color: #FFF; font-family: FreestyleScriptRegular; font-weight:normal; font-size: 44px; height: 52px; line-height: 48px; display: block; width: 100%; padding:0;}
.thematic-report .blocs-dossier-thematique .content-dossier-thematique { padding: 0 20px; }
.thematic-report .blocs-dossier-thematique .paniers-recettes-dossier-thematique { margin: 20px; padding-top: 15px; border-top: 1px dashed #89688f; }
.thematic-report .blocs-dossier-thematique .related-products-dossier-thematique {  margin: 0 20px; padding-top: 25px; border-top: 1px dashed #89688f; }
.thematic-report .blocs-dossier-thematique .related-products-dossier-thematique li { margin-left: 16px; margin-bottom: 16px; }
.thematic-report .blocs-dossier-thematique .related-products-dossier-thematique li:first-child { margin-left: 0; }
.thematic-report .blocs-dossier-thematique .recipe-dossier-thematique {  margin: 0 20px; padding-top: 25px; border-top: 1px dashed #89688f; }
.thematic-report .blocs-dossier-thematique .recipe-dossier-thematique ul { padding: 0; margin: 0; }
.thematic-report .blocs-dossier-thematique .recipe-dossier-thematique li { background: #FFF; padding: 8px; margin-left: 16px; margin-bottom: 16px; }
.thematic-report .blocs-dossier-thematique .recipe-dossier-thematique li:first-child { margin-left: 0; }



.content-dossier-thematique .dtblocintro {
    display: flex;
    font-size: 1.2em;
    padding: 20px;
    flex: 1;
}
.content-dossier-thematique .dtblocintro>div {
    max-width: 25%;
}
.content-dossier-thematique .dtblocintro>div>img {
    width: 100%;
    align-self: center;
}
h3.dtbloc {
    margin-top:15px;
    background: url(/cms/sites/default/files/Dossier_thematique/commun/titre_DT.jpg ) no-repeat left top;
    padding: 15px 0 0 45px;
    height:30px;
}
.dtblocpdt {
    margin: 10px auto 0 auto;
    padding: 10px;
    border: 1px solid #ee9417;
    width: auto;
    display:flex;
    justify-content:flex-start;
    flex-direction:column;
}
.dtblocpdt h4 {
    font-family: Amatic, Helvetica, sans-serif;
    font-size: 40px;
    color: #ee9417;
    text-align: center;
    margin-bottom:10px;
}
.dtblocpdt .dtpdtintro {
    text-align: justify !important;
    display: flex;
    flex-wrap: wrap;
}
.content-dossier-thematique h3.dtbloc+p,.dtblocpdt .dtpdtintro>*,.dtblocintro>p  {
    font-size: 1.2em;
    padding: 20px 20px 0 20px;
    flex: 1 1 100%;
    text-align: left;
}
.dtblocpdt .dtpdtintro>ul {
    margin: 0 0 0 20px;
    padding: 0 0 0 20px;
}
.dtblocpdt .dtpdtintro>strong {
    font-size: 1.7em;
}
.dtblocpdt figure figcaption>p span {
    display: block;
    color: #ee9417;
}
.dtblocpdt .dtpdtintro>img {
    flex-basis: 30%;
    max-width: 30%;
}
.dtblocpdt .dtpdtintro>strong {
    display: block;
    padding: 5px;
    font-size: 1.2em;
    color: #ee9417;
    text-align: center;
    flex: 1 1 100%;
}
.dtblocpdt figure {
    flex: 1 1 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 10px;
}
.dtblocpdt figure>a {
    padding: 15px;
    flex: 1 1 0%;
}
.dtblocpdt figure figcaption>p {
    margin: 0;
}
.dtblocpdt figure figcaption h5 {
    padding: 0 0 0 20px;
    position:relative;
    color: #ee9417;
    font-size: 15px;
    font-weight: bold;
}
.dtblocpdt figure figcaption h5:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    background-image: url(/cms/sites/default/files/fiche_technique/commun/feuille-verte-petite.png);
    background-position: 0px -3px;
}

.dtblocpdt figure>a img {
    width: 100%;
}
.dtblocpdt figure figcaption {
    width: 80%;
    flex: 1 2 80%;
    font-size: 1.2em;
}
/* ft bases neutres */

.fiche-accordion-content .dt_bloc_content,
.content-dossier-thematique .dt_bloc_content{
     border-bottom: 2px solid #C4B1A2;
     margin-bottom: 20px;
     padding-bottom: 20px;
}

section.tbcol {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin:10px 0 0 0;
    align-items: baseline;
}
section.tbcol.tbsimple {
    margin: 0;
    position:relative;
}
/* section.tbcol.actifs {
    margin-top: 40px;
} */
section.tbcol.tbsimple h3 {
    align-self: flex-end;
}
section.tbbase li.baselgd > div {
    display: flex;
    width: 100%;
    max-width: 100%;
    justify-content: flex-start;
}
section.tbbase li.baselgd {
    max-width: 100%!important;
}
section.tbbase li.baselgd > div table {flex: 1 0 0;max-width: 30%;}
section.tbbase li.baselgd > div table th,section.tbbase li.baselgd > div table td {
    padding:5px 15px;
    text-align:center;
}

section.tbbase li.baselgd > div figure {
    flex: 0 0 0%;
}
section.tbbase ul.capabase {
    position: relative;
    margin: 10px 0 0 90px;
    display: flex;
    flex-wrap:wrap;
    max-width: 203px;
}
section.tbbase ul.capabase li {
    position:relative;
    background-image: none;
    margin: 0;
    background: #ccc;
    line-height: initial;
    padding: 0;
    margin: 0px 3px 3px 0;
    text-align: center;
    background-image: none;
    font-family: sans-serif;
}

section.tbbase ul.capabase li a {
    padding: 2px;
    display: block;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    width:100px;
}
section.tbbase ul.capabase li a:not([data-rel]) {
    display: none;
}
section.tbbase ul.capabase li:nth-child(even),section.tbbase ul.capabase li:last-child {
    margin-right: 0;
}


section.tbbase.tbactifs ul.capabase li {
    background: #e3438a !important;
}
section.tbbase h2 {
    position:relative;
    display: inline-block;
    transform: translateX(-50%);
    left: 50%;
    margin:0 auto;
    color: #fff;
    font-family: Amatic, sans-serif;
    font-size: 60px;
    background-color: #fff;
    font-weight: normal;
    line-height: 1.3em;
    margin-bottom: 20px;
}
section.tbbase h2 span {
    display:block;
    white-space: nowrap;
    padding: 0 120px;
    margin:9px auto -4px auto;
}
section.tbbase h2:before,section h2:after {
    content: "";
    display: block;
    background: transparent url(/cms/sites/default/files/fiche_technique/commun/dosages/masque-titre.png) no-repeat left 50%;
    width: 50%;
    height: 103px;
    position: absolute;
    top:0;
    overflow: hidden;
}
/*** iehack **/
@media screen and (min-width:0\0) {
    section.tbbase h2:before,section h2:after {
        height: 85px;
    }
}
section.tbbase h2:before {
    left: -1px;
    padding-right: 10px;
}
section.tbbase h2:after {
    right:-1px;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
section.tbbase h3, section.tbcol h3 {
    flex: 1 2 100%;
    color: #A9A9A9;
    font-family: Lobster;
    font-size: 34px;
    background-color: #fff;
    font-weight: normal;
    line-height: 1em;
    margin-top:20px;
}
section.tbbase p.introformule {
    font-size: 17px;
    text-align: center;
    padding: 20px;
    line-height: 1.5em;
}
section.tbbase .tbform {
    border: 1px dashed;
    border-color: #81c284;
    margin: 0 0 20px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
section.tbbase .tbform:before,
section.tbbase .tbform:after {
     content: '';
     display: block;
}
section.tbbase ul.tbform.tbformbases {
    justify-content: flex-start;
    margin:0;
}
section.tbbase ul.tbform>li {
    background-image: none;
    margin: 0;
    padding: 20px 0;
    font-family: amatic;
    font-size: 30px;
    position: relative;

}
section.tbbase ul.tbform.tbformbases>li {
    flex: 1 0 0;
    max-width:33%;
}

section.tbbase ul.tbform>li figure {
    text-align: center;
}
section.tbbase ul.tbform>li figure img{
    max-height:130px;
}
section.tbbase ul.tbform>li figure figcaption {
    text-align: center;
    white-space: nowrap;
    font-size: 28px;
    display: block;
    line-height: 1em;
}

section.tbbase ul.tbform>li:last-child:after {
    content: "";
}

section.tbbase ul.tbform>li.formsep, section.tbpackaging dl dd>a {
    align-self: center;
    font-size: 6em;
    color: #a89546;
    font-style: italic;
    flex: 0;
    padding:0 3px;
}
section.tbcol.tbsimple h2 {
    flex: 1 1 50%;
}
section.tbbase ul.tbform>li.formsep.formsepou {
    font-size: 3em;
    color: #b4b1b1;
    font-style: normal;
}

/*section.tbbase ul.tbform>li:first-child {
    margin-left: 20px;
}*/

section.tbbase ul.tbform>li:last-child {
    margin-right: 20px;
}

section.tbbase ul.tbform.tbformbases figure {
    display: flex;
    align-items: center;
    font-size: 30px;
    justify-content: flex-start;
}

section.tbbase ul.tbform.tbformbases {
    border: none;
}

section.tbbase ul.tbform.tbformbases figure img {
    max-width: 110px;
    max-height: 110px;
    margin-right: 24px;
}

section.tbbase  ul.tbform.tbformbases>li {
    margin: 0;
}

section.tbbase ul.tbform.tbformbases>li figure figcaption {
    /*white-space: normal;*/
    text-align: left;
}
section.tbbase li.clslgd > div {
    display: flex;
    width: 100%;
    max-width: 100%;
    justify-content: flex-start;
}

section.tbbase li.clslgd {
    max-width: 100%!important;
}

section.tbbaseli.clslgd > div table {flex: 1 0 0;max-width: 30%;}

section.tbbase li.clslgd > div figure {
    flex: 1 0 33%;
    max-width: 33%;
}

/*ul.tbacess {
    list-style-type: none;
    display: flex;
}

ul.tbacess li {
    list-style-type: none;
    background-image: none;
}*/
/*****/

section.tbcol.tbsimple h3 {
    flex: 1 1 50%;
}
section.tbcol ul.tblegend {
    flex: 1 2 100%;
    margin: 9px 0 0 0;
    list-style-type: none;
    font-size:0.9em;
}

section.tbcol ul.tblegend li {
    list-style-type: none;
    background-image: none;
    margin: 0;
    padding: 0;
}

section.tbcol ul.tblegend li div {
    display: inline;
}

section.tbcol ul.tblegend li div.goutte,section.tbcol ul.tblegend li div.pipette {
    position: relative;
    padding: 0 5px 0 19px;
    margin-left: -9px;
}

section.tbcol ul.tblegend li div.goutte:after ,section.tbcol ul.tblegend li div.pipette:after  {
    left:0;
}
section.tbcol.fragrances h3.tbor {
    margin-top: 50px;
}
section.tbcol.fragrances h3.tbor:before {
    content: 'OU';
    position: absolute;
    top: 0em;
    color: #C4B1A2;
    left: -8px;
    background: #fff;
    padding: 5px 0;
}
section.tbcol.fragrances h3.tbor.tborno:before {
    content:"Ou si je n'ai pas choisi d'huile(s) essentielle(s)";
}
section.tbcol.tbchoice {
    padding-left: 50px;
    position: relative;
}
section.tbcol.tbchoice h3 {
    margin-left: -50px;
}



section.tbcol.tbpackaging {
    align-items: flex-start;
}
section.tbcol.tbpackaging h3 {
    flex: 1 1 100%;
}
section.tbpackaging dl.listcont {
    display: flex;
    flex-wrap:wrap;
    flex:1 1 48%;
    max-width:48%;
    position: relative;
    justify-content: space-between;
    align-items: flex-end;
}

section.tbpackaging dl dt {
    position: absolute;
    font-weight: bold;
    color: #e3438a;
    font-family:Amatic, Helvetica, Arial;
    font-size:22px;
    top:4px;
}
section.tbpackaging dl dt:nth-of-type(2) {
    left: 51%;
    font: 11px/1.55 arial, helvetica, sans-serif;
    font-style: oblique;
    top: 31px;
}
section.tbpackaging dl dd:nth-of-type(2) {
    margin-left:10px;
    margin-top:49px;
}
section.tbpackaging dl dd {
    border: 1px solid #815C87;
    background-color: #fff;
    flex:1 1 0%;
    overflow: hidden;
    margin:33px 0 0 0;
    padding: 0;
    position: relative;
}
section.tbpackaging dl dd.carrousel-cont {
    flex-grow: 1;
}
section.tbpackaging dl dd.carrousel-cont .price {
    left: 20px;
}
section.tbpackaging dl dd>a {
    display: none;
}
section.tbpackaging dl dd.carrousel-cont>a {
    display:block;
    position: absolute;
    left:0;
    top:0;
    font-size: 3em;
    font-style: normal;
    z-index: 5;
    height: 100%;
    width: 20px;
    text-align: center;
}

section.tbpackaging dl dd>a.next {
    right:0;
    left: auto;
}
section.tbpackaging dl dd>a:hover {
    color: #e1d9b7;
}
section.tbpackaging dl dd>a span {
    display:block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
section.tbpackaging dl dd>a.next span {
    right:2px;
}
section.tbpackaging dd ul li {
    list-style-type:none;
    background-image:none;
    position: relative;
    margin:0;
    padding: 10px 10px 10px 0;
    min-height:180px;
    min-width:205px;
    float:none!important;
    text-align: center;
}
section.tbpackaging dl dd:nth-of-type(2) ul li {
    min-height: 164px;
}
section.tbpackaging dd ul li > span {
    height: 100%;
}
section.tbpackaging  dl dd>ul {
    margin:0!important;
    padding:0;
    overflow: hidden;
    max-height: 200px;
    display: flex;
    justify-content: center;
}
section.tbpackaging  dl dd>ul>li img {
    width: 110px;
    vertical-align:middle;
    margin: 10px;
}
section.tbpackaging dl dd:nth-of-type(2) ul li img {
    width: 80px;
}
section.tbpackaging  dl dd>ul>li>a>h4 {
    position: absolute;
    top: 0;
    display: block;
    text-align: center;
    width: 22px;
    height: 22px;
    border-radius: 10px;
    background: #815C87;
    line-height: 22px;
    color: #fff;
}

section.tbcol.pack ol {
    counter-reset: li;
    list-style-type: none;
    font-size: 14px;
    line-height: 18px;
    padding: 10px;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
section.tbcol.pack ol li {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding: 5px 0 5px 30px;
    list-style-type: none;
    text-align: center;
    margin: 0;
    padding: 0;
    flex: 1 1 100%;
    justify-content: flex-end;
    height: 100%;
    max-width:25%;
}
section.tbcol.pack ol li h6:before {
    content: counter(li);
    counter-increment: li;
    height: 20px;
    width: 20px;
    background-color: #815C87;
    color:#fff;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    margin-right: 3px;
}
section.tbcol.pack ol li h6 {
    color:#815C87;
    display: inline;
    white-space: nowrap;
    min-height:60px;

}
section.tbcol.pack ol li img {
    max-width:90%;
    min-width: 70px;
    flex-shrink: 0;
}


table.tbdoss.tbactifs, section.tbcol.actifs h3,section.tbcol.actifs ul.tblegend, table.tbdoss.tbactifs a,.tbform .actifs figcaption {
    color:#e3438a;
}
table.tbdoss.tbactifs tbody,
table.tbdoss.tbactifs .infobulle,
section.tbactifs .tbform, section.tbpackaging dd.listacc{
    border-color: #e3438a;
}
table.tbdoss.tbactifs .infobulle.arrow_box:before {
    border-top-color: #e3438a;
}
table.tbdoss.tbactifs tbody tr td {
    border-right: 1px dashed #e3438a;
}
table.tbdoss.tbactifs .infobulle .price,
table.tbdoss.tbactifs .infobulle .product-capacity,
.tbpackaging .price,
.tbpackaging .product-capacity {
    background-color: #e3438a;
}

table.tbdoss.tbhuiles-essentielles, section.tbcol.huiles-essentielles h3,section.tbcol.huiles-essentielles ul.tblegend, table.tbdoss.tbhuiles-essentielles a,.tbform .huiles-essentielles figcaption {
    color:#AEC720;
}
table.tbdoss.tbhuiles-essentielles tbody,
table.tbdoss.tbhuiles-essentielles .infobulle,
section.tbhuiles-essentielles .tbform {
    border-color:#AEC720;
}
table.tbdoss.tbhuiles-essentielles .infobulle.arrow_box:before {
    border-top-color: #AEC720;
}
table.tbdoss.tbhuiles-essentielles tbody tr td {
    border-right: 1px dashed #AEC720;
}
table.tbdoss.tbhuiles-essentielles .infobulle .price,
table.tbdoss.tbhuiles-essentielles .infobulle .product-capacity{
    background-color: #AEC720;
}
section.tbcol.huiles-essentielles .goutte:after,
section.tbcol.huiles-essentielles .pipette:after,
table.tbdoss.tbhuiles-essentielles a[data-rel]:after {
    background-position: 0 -51px;
}

table.tbdoss.tbfragrances, section.tbcol.fragrances h3,section.tbcol.fragrances ul.tblegend, table.tbdoss.tbfragrances a, .tbform .fragrances figcaption {
    color:#815D87;
}
table.tbdoss.tbfragrances tbody,
table.tbdoss.tbfragrances .infobulle,
section.tbfragrances .tbform {
    border-color:#815D87;
}
table.tbdoss.tbfragrances .infobulle.arrow_box:before {
    border-top-color: #815D87;
}
table.tbdoss.tbfragrances tbody tr td {
    border-right: 1px dashed #815D87;
}
table.tbdoss.tbfragrances .infobulle .price,
table.tbdoss.tbfragrances .infobulle .product-capacity{
    background-color: #815D87;
}
section.tbcol.fragrances .goutte:after,
section.tbcol.fragrances .pipette:after,
table.tbdoss.tbfragrances a[data-rel]:after {
    background-position: 0 -26px;
}


table.tbdoss.tbhuiles-vegetales, section.tbcol.huiles-vegetales h3,section.tbcol.huiles-vegetales ul.tblegend, table.tbdoss.tbhuiles-vegetales a,.tbform .huiles-vegetales figcaption {
    color:#F09100;
}
table.tbdoss.tbhuiles-vegetales tbody,
table.tbdoss.tbhuiles-vegetales .infobulle,
section.tbhuiles-vegetales .tbform  {
    border-color:#F09100;
}
table.tbdoss.tbhuiles-vegetales .infobulle.arrow_box:before {
    border-top-color: #F09100;
}
table.tbdoss.tbhuiles-vegetales tbody tr td {
    border-right: 1px dashed #F09100;
}
table.tbdoss.tbhuiles-vegetales .infobulle .price,
table.tbdoss.tbhuiles-vegetales .infobulle .product-capacity{
    background-color: #F09100;
}
section.tbcol.huiles-vegetales .goutte:after,
section.tbcol.huiles-vegetales .pipette:after,
table.tbdoss.tbhuiles-vegetales a[data-rel]:after {
    background-position: 0 -76px;
}
table.tbdoss.tbcolorants, section.tbcol.colorants h3,section.tbcol.colorants ul.tblegend, table.tbdoss.tbcolorants a,.tbform .colorants figcaption {
    color:#9D8D85;
}
table.tbdoss.tbcolorants tbody,
table.tbdoss.tbcolorants .infobulle,
section.tbcolorants .tbform {
    border-color:#9D8D85;
}
table.tbdoss.tbcolorants .infobulle.arrow_box:before {
    border-top-color: #9D8D85;
}
table.tbdoss.tbcolorants tbody tr td {
    border-right: 1px dashed #9D8D85;
}
table.tbdoss.tbcolorants .infobulle .price,
table.tbdoss.tbcolorants .infobulle .product-capacity{
    background-color: #9D8D85;
}
section.tbcol.colorants .goutte:after,
section.tbcol.colorants .pipette:after,
table.tbdoss.tbcolorants a[data-rel]:after {
    background-position: 0 -102px;
}

table.tbdoss.tbexfoliants, section.tbcol.exfoliants h3,section.tbcol.exfoliants ul.tblegend, table.tbdoss.tbexfoliants a,.tbform .exfoliants figcaption {
    color:#B0C601;
}
table.tbdoss.tbexfoliants tbody,
table.tbdoss.tbexfoliants .infobulle,
section.tbexfoliants .tbform {
    border-color:#B0C601;
}
table.tbdoss.tbexfoliants .infobulle.arrow_box:before {
    border-top-color: #B0C601;
}
table.tbdoss.tbexfoliants tbody tr td {
    border-right: 1px dashed #B0C601;
}
table.tbdoss.tbexfoliants .infobulle .price,
table.tbdoss.tbexfoliants .infobulle .product-capacity{
    background-color: #B0C601;
}
section.tbcol.exfoliants .goutte:after,
section.tbcol.exfoliants .pipette:after,
table.tbdoss.tbexfoliants a[data-rel]:after {
    background-position: 0 -76px;
}
table.tbdoss {
    border: 0px solid transparent;
    border-spacing: 0;
    border-collapse : collapse;
    flex-grow: 1;
    margin-right: 3%;
    min-width: 48%;
    max-width: 48%;
    margin-bottom: 20px;
}
table.tbdoss thead th {
    vertical-align: bottom;
    text-align: center;
    font-style: oblique;
}
table.tbdoss thead th:first-child {
    text-align: left!important;
    /* min-width: 40%; */
    line-height: 0.7em;
    font-style: normal;
    text-align: center;
    font-family: Amatic;
    font-size: 35px;
    vertical-align: bottom;
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 1em;
    position: relative;
}
/*table.tbdoss thead th img {
    width: 31px;
}*/

table.tbdoss tbody {
    border: 1px solid #ccc;
    margin: -1px 0px;
    width: auto;
    line-height: 1.2em;
}

table.tbdoss tbody tr {
    border: none;
}

table.tbdoss tbody tr td {
    border-top: none;
    width: 16%;
    border-bottom: none;
    border-right: 1px dashed #ccc;
    padding: 0;
    text-align:center;
    line-height: 1.5em;
}
table.tbdoss tbody tr td:first-child {
    font-weight:bold;
    text-align:left;
    padding-left: 8px;
    min-width: auto;
    width: 45%; /* todo : min-width not working on table cells */
    position: relative;
}
table.tbdoss tbody tr td:last-child {
    border:none;
}

table.tbdoss:nth-child(even),table.tbdoss:nth-of-type(even) {
    margin-right: 0;
}
section a[data-rel] {
    position: relative;
}
section a[data-rel]:after,
section.tbbase ul.capabase:before
{
    background: transparent url(/cms/sites/default/files/fiche_technique/commun/dosages/dosages_panier.png) no-repeat right 0;
    content: "";
    width: 22px;
    height: 15px;
    display: inline-block;
    background-position: 0 0;
}
section.tbbase a[data-rel]:after {
    display: none;
}
section.tbbase ul.capabase:before
{
    position: absolute;
    left:-25px;
}
section.tbcol  .goutte:after {
    display: inline-block;
    position: absolute;
    content: "";
    background: transparent url('/cms/sites/default/files/fiche_technique/commun/dosages/dosages_gouttes.png') no-repeat;
    width: 16px;
    height: 16px;
    margin: 0 0 0px 2px;
    background-position: 0 0px;
}
table.tbdoss .pipette,
table.tbdoss .goutte {
    position: relative;
    padding: 0 22px 0 0;
    width: 2em;
    text-align: right;
    margin: 0 auto;
}
table.tbdoss .pipette {
    width:4em;
}
section.tbcol .pipette:after {
    display: inline-block;
    position: absolute;
    content: "";
    background: transparent url('/cms/sites/default/files/fiche_technique/commun/dosages/dosages_pipettes.png') no-repeat;
    width: 16px;
    height: 16px;
    margin: 0 0 0px 2px;
    background-position: 0 0px;
}

table.tbdoss tbody tr:first-child td {
    padding-top: 4px;
}
table.tbdoss tbody tr:last-child td {
    padding-bottom: 4px;
}
section .infobulle{
    position: absolute;
    top: -185px;
    left: 50%;
    transform: translateX(-50%);
    background: #ffffff;
    border: 3px solid #815C87;
    z-index: 100;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius:5px;
    text-align: center;
    width:135px;
}
section .infobulle>span,
section.tbpackaging dd li > span {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 171px;
}
section .infobulle img,
section.tbpackaging img{
    margin: 5px auto;
    max-width:80%;
    flex-shrink:0;
}
section .infobulle .price,
section.tbpackaging .price {
    font-size:12px;
    background:#815C87;
    color:#fff;
    position:absolute;
    top:7px;
    left:7px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius:50%;
    width:40px;
    line-height:40px;
    text-align:center;


}
section .infobulle .product-capacity {
    position: absolute;
    right: 0;
    top: 18px;
    background: #815C87;
    font-size: 10px;
    color: #fff;
    padding: 0 4px;
    font-weight: normal;
}
section.tbpackaging  .product-capacity{ display:none; }
section .infobulle .product-title,
section.tbpackaging .product-title {
    padding: 3px 0;
    font-weight:normal;
    font-size: 10px;
    text-align: center;
    background: #fff;
    position: absolute;
    top: 115px;
    left: 50%;
    transform: translateX(-50%);
    width: 98%;
}
section.tbpackaging .product-title {
    width: 84%;
}
section .infobulle button,
section.tbpackaging button {
    border:none;
    background: #897f7a;
    background: linear-gradient(0deg, rgba(137,127,122,1) 35%, rgba(196,177,162,1) 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius:5px;
    display: flex;
    flex-wrap: nowrap;
    padding: 0 5px;
    margin: 18px 0 3px 0;
    z-index:200;
}
section.tbpackaging button {
    margin:0 auto;
    margin-top: 0;

}
section .infobulle button span,
section.tbpackaging button span {
    background:none;
    color:#fff;
    float: none;
    font-size: 10px;
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    padding: 0;
}
section .infobulle button>span:before,
section.tbpackaging button>span:before  {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent url(../images/interface/button/bg-panier-mini.png) no-repeat;
    vertical-align: middle;
}
.arrow_box:after, .arrow_box:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 10px;
    margin-left: -10px;
}
.arrow_box:before {
    border-color: rgba(129, 92, 135, 0);
    border-top-color: #815C87;
    border-width: 14px;
    margin-left: -14px;
}



/* Liste recette ========================================================================= */

/* Recette culinaire ========================================================================= */
.recette-culinaire {}
.recette-culinaire .blocks { background: transparent; }
.recette-culinaire .blocks .block-inline { background: #FFF; }
.recette-culinaire h3.titre { margin: 0; }
.recette-culinaire .block-video { background-color: #f7f8f0; padding: 10px; }
.recette-culinaire .recipe-top { background: url("../images/interface/background/bg-top-recipe-culinaire.jpg") no-repeat scroll 520px 80px #FFFFFF; }
.recette-culinaire .block-preparation { width: 100%; }
.recette-culinaire .two-columns { background: #FFF; }
.recette-culinaire .two-columns.left { width: 724px; min-height: 334px; }
.recette-culinaire .two-columns.right { width: 246px;margin: 10px; margin-right: 0; position: relative; }
.recette-culinaire .two-columns.right .trombone { left: 5px; top: -5px; z-index: 10; }
.recette-culinaire .two-columns.right .products-block { padding: 15px; background: #FFF; }
.recette-culinaire .two-columns.right .products-block h4 {margin: 0 0 0 5px;}
.recette-culinaire .two-columns.right .products-block ul {margin: 10px 0 0 0;}
.recette-culinaire .two-columns.right .products-block ul li {margin: 0; padding:0;}
.recette-culinaire .two-columns.right .products-block ul li .product-node {float:left;}
.recette-culinaire .recipe-top .left .left-top{min-height: 214px;}
.list-recipe.recette_culinaire .top-header .left { width: 30%; padding: 5px 10px 10px 10px; margin : 0px 10px 0px 10px; border-right: 1px solid #d8cdd9; background-color: rgba(129, 93, 135, 0.6);}
.list-recipe.recette_culinaire .top-header .left label { color: #fff; font-size: 14px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; text-transform: uppercase;  }
.list-recipe.recette_culinaire .top-header .left .form-text { display: block; height: 27px; line-height: 27px; width: 282px; border: 1px solid #d5cad7; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; background: #FFF; color: #4b4b4b; font-size: 11px; font-style: italic; margin-top: 5px; }
.list-recipe.recette_culinaire .top-header .left .select-filter { margin-top: 4px; margin-left: -5px; width: 100%!important; }
.list-recipe.recette_culinaire .top-header .right { width: 62.7%; float: left !important; padding: 0 10px 12px 10px; position:relative; z-index:10; background-color: rgba(129, 93, 135, 0.6);}
.list-recipe.recette_culinaire .top-header .right .recipe-label { display:block; color: #fff; font-size: 14px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; text-transform: uppercase; margin-right:10px; padding: 5px 0 7px 5px; }
.list-recipe.recette_culinaire .top-header .right .select-filter {float:none!important; margin-right: 10px; width:185px; display:inline-block; height:25px;}
.list-recipe.recette_culinaire .top-header .right .select-filter dt {width:100%;}
.list-recipe.recette_culinaire .top-header .right .select-filter dt:hover { background: #f2eef2 url('../images/filters/arrow.gif') right top no-repeat; color: #815c87;}
.list-recipe.recette_culinaire .top-header .right .select-filter dd {width:173px;}
.list-recipe .select-filter.open dt span {background:#9f81a3 url('../images/filters/arrow.gif') right bottom no-repeat; color:#fff;}
.list-recipe .select-filter dt.cancel span {background: #f2eef2; color: #815c87;}
.list-recipe .select-filter.open dt.cancel span {background: #f2eef2; color: #815c87;}
.block-ingredient { padding: 20px; background: #fef3e1 url(../images/interface/background/bg-recette-ingredient.jpg) top left no-repeat; min-height: 204px; }
.block-ingredient .ingredient_quantity_total { padding-left: 20px;}

.list-recipe {}
.list-recipe .top-header {}
.list-recipe .intro-recipes-familly { padding: 20px;}
.list-recipe div.recipes-familly {clear:both;margin: 10px 20px 0 20px;}
.list-recipe .recipes-familly .list-documentation .background-title {
    height:auto!important;width:auto!important;
}
.list-recipe .recipes-familly ,.list-recipe .intro-recipes-familly p {
    font-size: 11px;
    line-height: 1.9em;
    margin: 0;
    text-align: justify;
}
.list-recipe .recipes-familly ul{
    padding: 0;
    list-style: none;
    display: flex;
    margin: 0 auto;
    align-items: center;
    flex-wrap: wrap;
}
.list-recipe .recipes-familly li {
    flex-basis:12.5%;
    text-align: center;
    font-family:Amatic,Helvetica,Arial;
    font-size:1.9em;
    align-self: flex-start;
}
.list-recipe .recipes-familly li a {
    width: 116px;
    display: flex;
    height: 116px;
    align-items: flex-end;
    justify-content: center;
    margin-bottom: 50px;
}
/*.list-recipe .recipes-familly li a:hover span,
.list-recipe .recipes-familly li.active span {
    filter: saturate(2) hue-rotate(-125deg);
}*/

.list-recipe .recipes-familly li.active.hoverActive a {
    background-position:0 -125px;
}
.list-recipe .recipes-familly li.active a,
.list-recipe .recipes-familly li a:hover {
    background-position:0 -125px;
}
.list-recipe .recipes-familly ul li a span {
    font-size: 25px;
    margin: 0;
    color: #922e80;
    margin-bottom: -43px;
    display: block;
}
.list-recipe .recipes-familly li.maquillage a{
    color: #815c88!important;
}
.list-recipe .recipes-familly li.col-50 {
    flex-basis: 50%!important;
}
.list-recipe .recipes-familly li.col-50 a.button {
    background: #f8efea;
    padding: 12px 12px 12px 45px;
    display: block;
    margin: 20px 50px;
    border-radius: 3px;
    background-size: contain;
    background-position: 5px 0;
    background-repeat: no-repeat;
    font-size: 1.54em;
    width: auto;
    height: auto;
}
.list-recipe .recipes-familly li img{
    display: block;
    width:100%;
}
.list-recipe .recipes-familly li a.button:hover,
.list-recipe .recipes-familly li.active a.button {
    background-color: #f7dfdf;
}
.list-recipe .recipes-familly li.active.hoverActive a.button {
    background: none;
}


/*.recipes-list-links .recipe-family {
    margin-bottom:10px;
}*/
.recipes-list-links,
.recipes-list-links .recipe-family,
.recipes-list-links .recipe-family ul{
    display: flex;
    align-items:flex-start;
    justify-content: flex-start;
    text-align: center;
}
.recipes-list-links .recipe-family>ul {
    flex-wrap: wrap;
    flex-grow: 2;
    align-content: flex-start;
}
.recipes-list-links .recipe-family>ul.multi {
    flex-direction: column;
}
.recipes-list-links .recipe-family ul,
.recipes-list-links .recipe-family ul li{
    justify-content: flex-start;
}
.recipes-list-links .recipe-family ul li {
    background: #f2edff;
    margin: 0 5px;
}
.recipes-list-links .recipe-family ul li a {
    margin:3px 5px;
}
.recipes-list-links .recipe-family ul li a:hover {
    text-decoration: underline;
}
.recipes-list-links .recipe-family ul li.level0 {
    font-size: 11px;
    width: auto;
    max-width: 50%;
    background: #e3dbf8;
    padding: 6px;
    margin-bottom: .8%;
    border-radius: 6px;
}
.recipes-list-links {
    flex-wrap: wrap;
}
.recipes-list-links .recipe-family h2 {
    margin:0;
}
.recipes-list-links .recipe-family>a {
    flex-grow: 2;
    padding: 0 10px;
    white-space: nowrap;
}
.list-recipe.recette_culinaire #edit-submit { display: block; width: 26px; height: 23px; background: transparent url(../images/interface/button/btn-search.png) top left no-repeat; cursor: pointer; padding: 0; position: absolute; left: 269px; bottom: 12px; }
.list-recipe.recette_culinaire .top-header .left { position: relative; }
.list-recipe.recette_cosmetique .btn-affine-search { display: block; width: 26px; height: 23px; background: transparent url(../images/interface/button/btn-search.png) top left no-repeat; cursor: pointer; padding: 0; position: absolute; left: 177px; top: 35px; }
.list-recipe.recette_cosmetique .top-header { /*position: relative;*/ }
.list-recipe.recette_cosmetique .top-header .left { /*position: relative;*/ }
/*.list-recipe .container-counter { margin-top: 20px; width: 80px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; font-size: 12px; background: #815C87; padding: 8px; position: absolute; left: -96px; color: #FFF; text-align: center;}*/
.list-recipe .container-counter {  font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; padding: 8px 10px; color: black; text-transform: uppercase; font-size: 19px;}
.list-recipe .container-counter span { font-size: 14px; color: #88668e; }
.list-recipe .container-counter label { display: block; font-size: 14px; text-transform: uppercase; }

/*MODULE RECETTE MODIFIE PAR ANAIS */

.list-recipe.recette_cosmetique .top-header .left { padding: 0; margin: 0 5px 10px 10px; width: 22.6%; /*position: relative;*/}
.list-recipe.recette_cosmetique .top-header .left label { color: #fff; font-size: 14px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; text-transform: uppercase;}
.list-recipe.recette_cosmetique .top-header .left .form-text {display: block; height: 27px; line-height: 27px; /*width: 224px;*/ width: 189px; border: 1px solid #d5cad7; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; background: #FFF; color: #4b4b4b; font-size: 11px; font-style: italic; margin-top: 5px; }
.list-recipe.recette_cosmetique .top-header .left .by-category-recipe { margin-top: 4px; padding: 5px 10px 40px 0px; background: rgba(129, 93, 135, 0.6)}
.list-recipe.recette_cosmetique .top-header .left .recipe-label { color: #fff; font-size: 14px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; text-transform: uppercase; margin:0 0 5px 10px;}
.list-recipe.recette_cosmetique .top-header .left .select-filter { height:25px;}
.list-recipe.recette_cosmetique .top-header .left .select-filter dt { width: 196px; margin-left: 10px;}
.list-recipe.recette_cosmetique .top-header .left .select-filter dt:hover { background: #f2eef2 url('../images/filters/arrow.gif') right top no-repeat; color: #815c87;}
.list-recipe.recette_cosmetique .top-header .left .form-item {background: rgba(129, 93, 135, 0.6);  display: block; padding: 5px 5px 5px 10px; }
.list-recipe.recette_cosmetique .top-header .center { background: rgba(129, 93, 135, 0.6); width: 47%; float: left !important; margin: 0 5px 10px 5px; padding: 5px 5px 5px 10px; z-index: 10;}
.list-recipe.recette_cosmetique .top-header .center label { color: #fff; font-size: 14px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; text-transform: uppercase; }
.list-recipe.recette_cosmetique .top-header .center .recipe-label { color: #fff; font-size: 14px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; text-transform: uppercase; margin-left: 7px; margin-bottom:7px;}
.list-recipe.recette_cosmetique .top-header .center .title-form {  margin-top: 5px; margin-bottom: 5px; margin-left: 6px; }
.list-recipe.recette_cosmetique .top-header .center .select-filter { float: left; margin-bottom: 16px; margin-right:10px; width:46%; height:25px;}
.list-recipe.recette_cosmetique .top-header .center .select-filter dt { width:100%; background: #f2eef2 url('../images/filters/arrow.gif') right top no-repeat; color: #815c87; }
.list-recipe.recette_cosmetique .top-header .center .select-filter dt:hover {margin-bottom: 6px;}
.list-recipe.recette_cosmetique .top-header .select-filter dt.cancel { font-weight:bold; }
.list-recipe.recette_cosmetique .top-header .select-filter dt.cancel:hover {margin-bottom: 6px; }

.list-recipe.recette_cosmetique .top-header .right { background: rgba(129, 93, 135, 0.6); padding: 5px 5px 5px 10px; width: 23%; position: relative; float: right; margin: 0 10px 10px 5px;  }
.list-recipe.recette_cosmetique .top-header .right .form-submit { float: right; color: #FFF; font-weight: bold; font-size: 11px; background: transparent url(../images/interface/background/bg-button.jpg) top left repeat-x; padding-right: 15px; margin-right: 12px; height: 25px; line-height: 25px; cursor: pointer; margin-top: 5px; }
.list-recipe.recette_cosmetique .top-header .right input#edit-submit-1:hover { background: #f2eef2; color: #815c87;}
.list-recipe.recette_cosmetique .top-header .right .form-item label { color: #fff; font-size: 14px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; text-transform: uppercase; }

.list-recipe.recette_cosmetique form#recette-filter-form .bottom-filters {margin: 0px 10px; padding: 10px 10px 3px 10px; border: 1px solid #d8cdd9; display: block; background:white;}
.list-recipe.recette_cosmetique form#recette-filter-form .bottom-filters .recipe-label { display:inline-block; color: rgba(129, 93, 135, 1); font-size: 14px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; text-transform: uppercase; margin-right:10px; }
.list-recipe.recette_cosmetique form#recette-filter-form .bottom-filters .select-filter { display: inline-block; width: 160px; }
.list-recipe.recette_cosmetique form#recette-filter-form .bottom-filters .select-filter dt { background: #f2eef2 url('../images/filters/arrow.gif') right top no-repeat; color: #815c87; border-bottom: none!important; }
.list-recipe.recette_cosmetique form#recette-filter-form .bottom-filters .select-filter dt.cancel { font-weight: bold; }
.list-recipe.recette_cosmetique form#recette-filter-form .bottom-filters .select-filter dd {width:136px;}
.list-recipe.recette_cosmetique form#recette-filter-form .bottom-filters .title-form { display: inline-block; margin-right: 27px; margin-bottom: 0px; color: #88668e; }
.title-form { color: white; font-size: 14px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; text-transform: uppercase;}

.list-recipe .top-header .select-filter { float: left; }
.list-recipe .top-header .select-filter:hover {border-bottom: none!important;}
.list-recipe .top-header .select-filter dt { background-color: #f2eef2; color: #815c87; }
.list-recipe .top-header .select-filter dt.cancel { /*background-color: #9F81A3; color: #ffffff;*/ font-weight:bold; border-bottom: none!important; }
.list-recipe .top-header .select-filter dt.cancel:hover {border-bottom: none!important;}
.list-recipe .top-header .select-filter dt div.line { background-color: #FFF; }
.list-recipe .top-header .select-filter.open dt div.line  { background-color: #9F81A3; }

.list-recipe .bottom-header { height: 25px; background: #815c87; padding: 5px 0; width: 100%; position: relative; }
.list-recipe .bottom-header label { display: block; float: left; height: 25px; line-height: 25px; font-size: 14px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; color: #ffffff; margin-right: 10px; text-transform: uppercase; padding-left: 10px; }
.list-recipe .bottom-header .form-text { display: block; float: left;  height: 25px; line-height: 25px; border: none; width: 210px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; background: #FFF; color: #4b4b4b; font-size: 11px; font-style: italic; /*margin-left: 10px;*/ }
.list-recipe .bottom-header .form-submit { float: right; color: #FFF; font-weight: bold; font-size: 11px; background: transparent url(../images/interface/puces/puce-blanc.png) center right no-repeat; padding-right: 15px; margin-right: 10px; height: 25px; line-height: 25px; cursor: pointer;}

.list-recipe .recipes-list .recipe-family { margin-top: 10px; margin-right: 4px; background: url("../images/interface/background/bg-header-accordion.jpg") repeat-x scroll left top transparent; color: #FFFFFF; display: block; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; font-size: 18px; font-weight: normal; height: 35px; line-height: 35px; padding: 0 20px; text-transform: uppercase; }
.list-recipe .recipes-list .block-recipes { margin: 0; }
.list-recipe .recipes-list .block-recipes .item-recipes:first-child { padding-left: 17px; }
.list-recipe .recipes-list .block-recipes .item-recipes { min-height: 300px; padding: 14px; background: #FFF; margin-left: 0; margin-bottom: 10px !important; }
.list-recipe .recipes-list .block-recipes .item-recipes+.item-recipes {margin-left: 10px;}

/*.block-book-pdf { background: transparent url(../images/interface/background/bg-books.png) left center no-repeat; font-size: 11px; color: #9d8d86; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; padding-top: 15px; padding-left: 104px; height: 61px; line-height: 13px; }*/
.block-book-pdf {font-size: 11px; color: #9d8d86; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; padding-top: 0px; padding-bottom: 16px; padding-left: 10px; height: 30px; line-height: 13px; display: block; border: 1px solid #d8cdd9; margin-top: 10px; margin-right: 10px; margin-left: 10px; }
.list-recipe .block-book-pdf { margin-bottom:10px;background:white;}
.block-book-pdf .description .img-book { display: inline-block; width:auto; height:36px; margin-right:5px; margin-top:5px; }
.block-book-pdf .description span { display: inline-block;  padding: 17px 5px 0px 5px;}
.block-book-pdf .form-submit { float: right; cursor: pointer; margin-right: 10px; }
.block-book-pdf .form-item { float: left; dispaly:inline-block;}
/*.block-book-pdf .form-submit { float: right; cursor: pointer; margin-top: 7px; margin-right: 20px; width: 370px; }*/
.block-book-pdf .form-submit { float: right; cursor: pointer; margin-right: 10px; margin-top: 7px; width: 170px; display:inline-block;}
.block-book-pdf .form-submit:hover {  background: #f2eef2; color: #815c87;}
.block-book-pdf .btn-delete {margin-top: 26px;display: block;float: left;margin-left: 20px;background: url('../images/interface/puces/puce-violet.png') right center no-repeat;padding-right: 8px;}
.list-recipe .block-book-pdf .description span { padding-top: 9px; height: 36px; width: 600px; font-size: 13px;}
.list-recipe #edit-search-recette-wrapper #autocomplete {left:2px; top: 20px; }
.list-recipe #edit-search-recette-wrapper {position:relative; }
.list-recipe.recette_cosmetique #edit-search-recette-wrapper { position: relative; margin-bottom: 15px; padding-bottom: 15px; }
/*.list-recipe #edit-ingredient2-wrapper {position:relative; width: 216px; float:left; margin-left: 5px; padding:0; }
.list-recipe #edit-ingredient3-wrapper {position:relative; width: 216px; float:left;  margin-left: 5px; }*/

.list-recipe.recette_cosmetique .right .form-item input { margin-top: 5px; width:92%; display: block; height: 25px; border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; color: #4b4b4b; }
.list-recipe.recette_cosmetique .right div#edit-ingredient3-wrapper {margin-bottom:10px; }

.list-recipe #autocomplete { left: 3px; top: -10px; }
/*.list-recipe #edit-ingredient1-wrapper #autocomplete { left: 95px; top: -5px;}*/
.list-recipe #edit-ingredient1-wrapper #autocomplete { left: 10px; top: 20px;}
.list-recipe #edit-ingredient2-wrapper #autocomplete { left: 10px; top: 50px;}
.list-recipe #edit-ingredient3-wrapper #autocomplete { left: 10px; top: 80px;}
.list-recipe #autocomplete li { color:#ffffff;}

.list-recipe .block-recipes li.waiting-load,
.list-recipe div.recipe-family.waiting-load,
.list-recipe ul.waiting-load {display:none}
.list-recipe .block-recipes li.in-load .img-recipes{background:url('../images/interface/ajax-loader.gif') 50% 50% no-repeat;}

/* Filters */
/* RECETTE FILTERS */
.list-recipe div.select-filter dd ol li.d0 ul{ margin-left: 10px;margin-bottom:10px; }
/*.list-recipe div.select-filter dd.taxonomy_famille { left: 4px; width: 955px; padding-right: 0px; }*/
.list-recipe div.select-filter dd.taxonomy_famille {
    margin-left: 10px;
    padding: 10px 6px;
    width: auto;
}
.list-recipe div.select-filter dd.taxonomy_famille ol  {
    position: relative;
    margin: 0 0 10px;
    padding: 0;
    font-size: 12px;
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 4;
    list-style-position: inside;
}
/*.list-recipe div.select-filter dd.taxonomy_famille ol li.d0 { float:left; margin: 0px 10px 5px 0px; min-height:240px; width:180px; }*/

/*========================================================================= */




/* Mon compte ========================================================================= */
.my-account .block-book-pdf {}
.my-account .block-book-pdf .description span { display: inline-block; font-size: 12px; padding: 4px 5px 0px 15px; width: 350px; }
/*========================================================================= */





/* Fiche technique ========================================================================= */
.btn-top { position: fixed; bottom: 5px; left: 5px; background: transparent url( ../images/interface/button/btn-accordion.png) -75px 0 no-repeat; display: none; width: 25px; height: 25px; }
.btn-top:hover { background-position: -50px 0; }

.color-content { color: #815c87; }
.big-color-content { color: #815c87; font-size: 15px !important; font-weight: bold !important; }

/** Fiche conseil **/
/*.bloc-theme-resumes { border: 1px solid ; float: left; border-left: none; height: 176px; min-width: 225px; text-align: center;}
.bloc-theme-resumes.first { border-left: 1px solid;}
.bloc-theme-resumes .theme-resumes-title { padding:0 30px; height: 44px; display:table-cell; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; color: #333; font-size: 12px; line-height: 14px; vertical-align: middle; background: #CCC; text-transform: uppercase; text-align: center; width:165px; }
.bloc-theme-resumes img { margin-top: 15px; }
*/
.tab-theme-resumes {border-collapse: collapse;}
.tab-theme-resumes th { border: 1px solid #808080;padding:0 !important; height: 44px; display:table-cell;text-align: center; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; color: #333; font-size: 14px; line-height: 16px; vertical-align: middle; background: #CCC; text-transform: uppercase; text-align: center;width: 25%;}
.tab-theme-resumes th.app3 {width: 350px !important;}
.tab-theme-resumes .app3-other { width: 20%;}
.tab-theme-resumes td { border: 1px solid #808080; text-align: center;vertical-align:middle;}
.tab-theme-resumes img { margin: 10px 0; }

.fiche-technique .bold{font-weight:bold;}
.fiche-technique table {border-collapse: collapse; width: 100%;}
.fiche-technique table#product-pictos img {
    width: 100%;
    max-width: 107px;
}
.fiche-technique>table th, .fiche-technique>table td {border: 1px solid #815c87;}
.fiche-technique>table th { background: #e4cee7;border-bottom: 0;}
.fiche-technique>table td { border-top: 0;}
.fiche-technique .products-grid .product-content .product-node { float:left; width: 120px;}
.fiche-technique .products-block li.item {padding: 9px; }




/** Bulletin Qualite **/
.picto-potentiel { display: block; height: 37px; width: 60px; background: transparent url( ../images/interface/pictos/pictos_sensibilite.jpg) top left no-repeat; float: left; position: relative; margin-top: -3px; }
.picto-potentiel.peu_sensible { background-position: 0 0; }
.picto-potentiel.sensible { background-position: -60px 0; }
.picto-potentiel.tres_sensible { background-position: -120px 0; }
.block-id-card { position: relative; }
.block-id-card h4 {/*float:left;*/width: 800px;}
.block-id-card .picto-img { float:right; margin-top: -15px;}
.block-id-card .picto-bio { float:right; width:111px; margin-bottom: 10px;height: 75px; /* background: transparent url( ../images/interface/pictos/logo_cosmebio.jpg) top left no-repeat; text-indent: -999em; overflow: hidden; */}
.block-id-card.visuel-picto .value { width: 478px; }
.block-id-card .img-plante { float:right; clear:right;  display:inline-block;}
.block-id-card .cleaner {clear:left;}
.block-id-card+.separator{clear: both;}

.block-id-card .cleaner.last {clear:both;}
/** Bibliotheque **/
.bloc-menu ul.menu-library { margin-left: 30px; }
.block-mode-util { text-align: center; vertical-align: bottom; width: 110px; border:0 !important;}
.block-mode-util span { display: block; color: #000; font-family: Comic Sans MS; line-height: 14px; font-size: 28px; font-style: italic; }
/*.field-free { margin-top: 20px;}*/
.formule-title { color: #4b4b4b; font-size: 16px; text-transform: uppercase; padding-top: 10px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; margin-bottom: 0; }
h3.formule-title:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 5px;
    margin-bottom: 3px;
    background: #4b4b4b;
}
.formule-desc p { margin-bottom: 10px; }
.table-propriete { margin-bottom: 25px; width: 100%; }
.table-propriete tr.row-propriete {  }
.table-propriete tr.row-propriete td { border: 1px solid #d5d5d6; }
.table-propriete tr.row-propriete.sans-titre td { border: none; }
.table-propriete tr.row-propriete td table td{ border: 0; }
.table-propriete tr.row-propriete td.col-legend { width: 250px; border-right:none; min-height: 120px; }
.table-propriete tr.row-propriete.sans-titre td.col-legend { width: 0; }
.table-propriete tr.row-propriete td.col-legend div {min-height: 130px;}
.table-propriete tr.row-propriete td.col-propriete { border-left:none; padding: 10px 20px; min-height: 120px; }
.table-propriete tr.row-propriete.sans-titre td.col-propriete { padding: 0; }
.table-propriete tr.row-propriete td.col-propriete.no-legend { border: 0; padding: 0 ;min-height:0;}
.table-propriete tr.row-propriete .propriete-desc {  margin-bottom: 15px; }


.table-propriete tr.row-propriete .propriete-desc.recettes_minute:last-child>table tbody tr:first-child td[colspan] {
    background: #968999 url(/aroma/images/fiche-technique/graphisme-commun/feuille-az-gris.png) 4px -1px no-repeat;

    padding: 3px 0 3px 45px;
}
.table-propriete tr.row-propriete .propriete-desc.recettes_minute:last-child>table tbody tr:first-child td[colspan] strong {
    color: #fff;
}
.table-propriete tr.row-propriete .propriete-desc.recettes_minute:last-child>table {
    /* background: #EAD8ED; */
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #b671b0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #b671b0;
    padding: 10px;
    margin: 10px auto 0px;
    width: 100%;
    background: #ead8ed;
}

.table-propriete tr.row-propriete .propriete-desc.recettes_minute:last-child>table tbody tr:last-child td:nth-child(2n+1) {
    background: #F6E4FB;
    text-align: center;
    padding: 0 5px;
}

.table-propriete tr.row-propriete .propriete-desc.recettes_minute:last-child>table tbody tr:nth-child(2) td {
    text-align:center;
}

.table-propriete tr.row-propriete .propriete-desc.recettes_minute:last-child>table tbody tr:last-child td:nth-child(2n+0) {
    vertical-align: middle;
}

.table-propriete tr.row-propriete.beaute strong,
.table-propriete tr.row-propriete.beaute .propriete-desc.proprietes label {
    color: #e4418b;
}

.table-propriete tr.row-propriete.bien-etre strong,
.table-propriete tr.row-propriete.bien-etre .propriete-desc.proprietes label {
    color: #44aedc;
}

.table-propriete tr.row-propriete.sante strong,
.table-propriete tr.row-propriete.sante .propriete-desc.proprietes label {
    color: #879900;
}
.table-propriete tr.row-propriete .propriete-desc.proprietes ul:first-of-type {
    margin-top:10px;
}
.table-propriete tr.row-propriete .propriete-desc.proprietes ul:first-of-type li {
    font-size: 1.2em;
    line-height:1.6em;
    background-image:none;
    position: relative;
    padding-left: 48px;
}
.table-propriete tr.row-propriete .propriete-desc.proprietes ul:first-of-type li:before {
    content:"";
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    width:38px;
    height: 11px;
    background:#fff;
    background-image:url(/cms/sites/default/files/fiche_technique/commun/aafleur_03%20%281%29.gif);
    /* margin-right : 10px; */
}
.table-propriete tr.row-propriete .propriete-desc.proprietes ul:first-of-type li img {
    display:none;
}
.table-propriete tr.row-propriete .propriete-desc.proprietes label {font-weight:bold;}

.table-propriete .row-separator td{border:0 !important;}
.fiche-technique .table-propriete tr.row-propriete td td,
.fiche-technique .table-propriete tr.row-propriete td th {/*padding: 0 5px; */}
.fiche-accordion .fiche-accordion-content .table-propriete h4.sous-titre {margin-top: 20px;}
.fiche-accordion .fiche-accordion-content+.separator{display:none;}
.fiche-accordion #composition+.fiche-accordion-content { padding: 32px;}
.fiche-technique .table-propriete .ft-picto-mode-wrapper {
    background: #F2ECF4;
    align-items: center;
    position: relative;
    padding-left: 62px;
    min-height: 65px;
    flex-wrap: wrap;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.fiche-technique .table-propriete .ft-picto-mode-wrapper img {
    width: 50px;
    height: 58px;
    margin: 5px 10px 0px 0px;
    position: absolute;
    left: 5px;
}


.fiche-technique .table-propriete .ft-picto-mode-wrapper strong:before {
    content: "";
    display: block;
    height: 1px;
}
.fiche-technique .enbref>p {
    column-count: 2;
    text-align: justify;
    column-gap: 42px;
}
/** Col Propriete **/
.row-propriete.sante .col-legend { background: #b6c165 url(../images/interface/background/bg-col-sante.png) top left no-repeat;  }
.row-propriete.bien-etre .col-legend { background: #65b2d1 url(../images/interface/background/bg-col-bien-etre.png) top left no-repeat;  }
.row-propriete.beaute .col-legend { background: #d05d91 url(../images/interface/background/bg-col-beaute.png) top left no-repeat;  }
.row-propriete.soin-de-la-peau .col-legend { background: #d05d91 url(../images/interface/background/bg-col-soin-de-la-peau.png) top left no-repeat;  }
.row-propriete.soin-des-cheveux .col-legend { background: #766256 url(../images/interface/background/bg-col-soin-des-cheveux.png) top left no-repeat;  }
.row-propriete.coloration-capillaire .col-legend { background: #766256 url(../images/interface/background/bg-col-coloration-capillaire.png) top left no-repeat;  }
.row-propriete.coloration-cosmetique .col-legend { background: #815C87 url(../images/interface/background/bg-col-coloration-cosmetique.png) top left no-repeat;  }
.row-propriete.soin-du-corps .col-legend { background: #ee9417 url(../images/interface/background/bg-col-soin-du-corps.png) top left no-repeat;  }
.row-propriete.soin-de-la-bouche .col-legend { background: #65b2d1 url(../images/interface/background/bg-col-soin-de-la-bouche.png) top left no-repeat;  }
.row-propriete.maquillage .col-legend { background: #d05d91 url(../images/interface/background/bg-col-maquillage.png) top left no-repeat;  }
.row-propriete.parfum .col-legend { background: #815C87 url(../images/interface/background/bg-col-parfum.png) top left no-repeat;  }
.row-propriete.cuisine .col-legend  { background: #ee9417 url(../images/interface/background/bg-col-cuisine.png) top left no-repeat;  }
.row-propriete.usage-domestique .col-legend { background: #65b2d1 url(../images/interface/background/bg-col-usage-domestique.png) top left no-repeat;  }
.row-propriete.veterinaire .col-legend, .row-propriete.bien-etre-animal .col-legend { background: #b6c165 url(../images/interface/background/bg-col-veterinaire_2.png) top left no-repeat;  }
.row-propriete.loisirs-creatifs .col-legend { background: #815C87 url(../images/interface/background/bg-col-loisirs-creatifs.png) top left no-repeat;  }
.row-propriete.en-savoir-plus .col-legend { background: #815C87 url(../images/interface/background/bg-col-en-savoir-plus.png) top left no-repeat;  }
.row-propriete.activites-manuelles .col-legend  { background: #C3AFCD url(../images/interface/background/bg-col-activites-manuelles.png) top left no-repeat;  }
/** Bloc avertissements **/
div.bloc-avertissement {
    padding: 20px 30px;
    border: 1px solid #879900;
    margin: 0 40px;
}

/** Block header **/
.bloc-entete { background: #FFF url( ../images/interface/background/bg-bloc-header-ft.jpg) top left no-repeat; padding: 25px;}
.bloc-entete .visuel-polaroid { float: left; margin-right: 30px; padding-top: 18px; }
.bloc-entete .visuel-polaroid figure {
    margin-left: 20px;
    margin-top: 18px;
    margin-bottom: 30px;
    float: left;
    background: #fff;
    overflow: hidden;
    width: 310px;
    height: 320px;
    border: 1px solid #ccc;
    -webkit-box-shadow: -7px 2px 5px 0px rgba(232,232,232,1);
    -moz-box-shadow: -7px 2px 5px 0px rgba(232,232,232,1);
    box-shadow: -7px 2px 5px 0px rgba(232,232,232,1);
    transform: rotate(-5deg);
}
.bloc-entete .visuel-polaroid figure .visuel-wrapper {
    border: 10px solid #fff;
    border-width: 15px 10px 0 10px;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
}
.bloc-entete .visuel-polaroid figure .visuel-wrapper img {
    margin-top: -63px;
}
.bloc-entete .visuel-polaroid figure .visuel-wrapper figcaption {
    margin-top: 20px;
}
.bloc-entete .info-fiche { float: right; width: 568px;position:relative }
.bloc-entete .info-fiche h3 { font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; font-size: 20px; color:#815c87; margin: 0; font-weight: normal; text-transform: uppercase; margin-top: 10px; line-height: 20px; padding-bottom: 5px;}

.bloc-entete.guide-he .info-fiche a.guide-link h3 {
    background: transparent url(/skin/frontend/default/aromazone/images/interface/pictos/Icon_guide-he.svg) 0px 0;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -30px;
    text-decoration: underline;
    padding-left: 30px;
    color: #815c88!important;
}

/* .bloc-entete .info-fiche h1 { font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; font-size: 24px; color:#4c4c4c; margin: 0; font-weight: normal; text-transform: uppercase; line-height: 24px; } */
.bloc-entete .info-fiche h1 {
    font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial;
    font-size: 30px;
    color: #4c4c4c;
    margin: 0;
    font-weight: normal;
    text-transform: uppercase;
    flex-grow: 2;
}
.bloc-entete .info-fiche h1 p { font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; font-size: 24px; color:#4c4c4c; margin: 0; font-weight: normal; text-transform: uppercase; line-height: 24px; }
.bloc-entete .info-fiche h1 p{margin:0;}
.bloc-entete .info-fiche  .title-box {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.bloc-entete .info-fiche .fiche-share { height: 34px; padding: 12px 0;  position: relative;  }
.bloc-entete .info-fiche .fiche-share .addthis_toolbox { padding-top:  7px; float: left; }
.bloc-entete .info-fiche>.addthis_toolbox { float: right; }
.bloc-entete .bottom-header {border: 1px solid #eee; padding:5px 5px 26px 5px; border-radius: 3px; position: relative;margin-top:20px;}
.bloc-entete .bottom-header .product-unique {width:100%;}
.bloc-entete .info-fiche  .bottom-header .links-biblio,
.view-guide-des-huiles-essentielles .view-header .guide-more a,
.boutique .boutique-more a
{
    color: #815c88;
    background: transparent url(../images/interface/puces/puce-violet.png) 98% 50% no-repeat;
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 15px 5px 5px;
    margin: 0;
    border-radius: 3px 0 3px 0;
    border: 1px solid #eee;
    border-width: 0 0 1px 0px;
    position: absolute;
    right: -1px;
    bottom: -1px;
}
.bloc-entete .info-fiche  .bottom-header .links-biblio:hover,
.view-guide-des-huiles-essentielles .view-header .guide-more a:hover,
.boutique-more a:hover{
    background-color: #815c88;
    background-image: url(../images/interface/puces/puce-blanc.png);
    color: #fff;
}
.bloc-entete .info-fiche .bottom-header ul.info-box {
    column-count: 2;
    break-inside: avoid-column;
    column-gap: 20px;
    margin: 0;
    font-family: HelveticaNeue57Condensed!important;
    font-size: 13px;
}
.bloc-entete .info-fiche .bottom-header ul.info-box li {
    margin: 0;
    break-inside: avoid-column;
    display: block
}
.bloc-entete .info-fiche .bottom-header ul.info-box li strong {
    display: block;
}
.bloc-entete .info-fiche .bottom-header ul.info-box li span {
    font-style: italic;
}
.node.fiche-technique .average {
    max-width: 80px;
}

.az-rating {
    /* Width = height/2 */
    height: 25px;
    position: relative;
    width: 50px;
    margin: 0 auto;
}
.az-rating:before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgICBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2MiAxMzguMjgiICAgdmlld0JveD0iMCAwIDE0IDM0LjAwMDE0MiIgICBoZWlnaHQ9IjM0LjAwMDE0MSIgICB3aWR0aD0iMTQiICAgeT0iMHB4IiAgIHg9IjBweCIgICBpZD0iQ2FscXVlXzEiICAgdmVyc2lvbj0iMS4xIiAgIHNvZGlwb2RpOmRvY25hbWU9ImZldWlsbGVSYXRpbmdPZmZfc2ltcGxlLnN2ZyIgICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkyLjEgcjE1MzcxIj48c29kaXBvZGk6bmFtZWR2aWV3ICAgICBwYWdlY29sb3I9IiNmZmZmZmYiICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIgICAgIGJvcmRlcm9wYWNpdHk9IjEiICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiICAgICBndWlkZXRvbGVyYW5jZT0iMTAiICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIgICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDAxIiAgICAgaWQ9Im5hbWVkdmlldzYiICAgICBzaG93Z3JpZD0iZmFsc2UiICAgICBpbmtzY2FwZTp6b29tPSIyLjI4NDAzMzMiICAgICBpbmtzY2FwZTpjeD0iLTE4Ljk3MDkyNCIgICAgIGlua3NjYXBlOmN5PSIxNy4wMDAwOTUiICAgICBpbmtzY2FwZTp3aW5kb3cteD0iLTkiICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTkiICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0iQ2FscXVlXzEiIC8+PG1ldGFkYXRhICAgICBpZD0ibWV0YWRhdGExNyI+PHJkZjpSREY+PGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUgICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+PGRjOnRpdGxlPjwvZGM6dGl0bGU+PC9jYzpXb3JrPjwvcmRmOlJERj48L21ldGFkYXRhPjxkZWZzICAgICBpZD0iZGVmczE1IiAvPjxwYXRoICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO3N0cm9rZTojYjFjODAwO3N0cm9rZS13aWR0aDowLjMyNTkwODk2O3N0cm9rZS1vcGFjaXR5OjEiICAgICBpZD0icGF0aDEwIiAgICAgZD0iTSA0Ljc1Njg2NzUsMzMuNzMwMzAzIEMgNC4yNjkzMDg1LDMzLjI3MTA5OCAzLjcxMDA0ODUsMzIuNTMyNTg4IDMuMjUxMTY4NiwzMS44NTkyNiAwLjU3NTQ1NjA5LDI3LjkzMjA1NyAtMC41NDE3NTk5MSwyMi4zMDc4NDYgMC42MjA0MzE0OSwxNi40NTcxMjggTCAyLjQzMTE4MTYsNy4zNDQwNjE4IGMgMC40OTExNDQ4LC0yLjQ3MTM2OCAwLjE1ODA2NTksLTQuODU1MDY2IC0wLjc3MTc1MjQsLTYuNzEyNDIxMDIgLTAuMDY4MTE1LC0wLjEzMDY4OSAtMC4wODE4MDMsLTAuMjc4MzI2IC0wLjAwNTIxLC0wLjM5NjMwNSAwLjA4ODk3MywtMC4xNDExMTggMC4yMjI1OTU4LC0wLjA0NzU4IDAuMzA1NzAyNiwwLjAzNTIgQyAyLjQ0NjUwMzksMC43MjgxMTE3OCAzLjAwNTQzNzcsMS40Njc5MjU4IDMuNDY0NjQzNCwyLjE0MjIzMDggNi4xNDA2ODIsNi4wNjc0Nzg4IDcuMjU3ODk4LDExLjY5MjM0MSA2LjA5NTM4LDE3LjU0NTAxNCBsIC0xLjgxMDQyNCw5LjExMTQzNyBjIC0wLjQ5MTE0NSwyLjQ3MjM0NSAtMC4xNTkzNjksNC44NTczNDcgMC43NzA3NzUsNi43MTUwMjkgMC4wNjg0NCwwLjEyNzc1NiAwLjA4Mjc4LDAuMjc4NjUyIDAuMDA1NSwwLjM5NDAyMyAtMC4wODg2NSwwLjE0MDQ2NyAtMC4yMjE5NDQsMC4wNDU5NSAtMC4zMDQzOTksLTAuMDM1MiIgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiIC8+PC9zdmc+");
    background-repeat: repeat-x;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;*
    /*height = .az-rating height*/
height: 25px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.az-rating > span {
    display: block;
    text-indent: -10000px;
    width: 100%;
    /*height = .az-rating height*/
    height: 25px;
    position: absolute;
    overflow: hidden;
}
.az-rating > span:before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB2ZXJzaW9uPSIxLjEiICAgaWQ9IkNhbHF1ZV8xIiAgIHg9IjBweCIgICB5PSIwcHgiICAgd2lkdGg9IjE0IiAgIGhlaWdodD0iMzQiICAgdmlld0JveD0iMCAwIDE0IDM0IiAgIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYyIDEzOC4yOCIgICB4bWw6c3BhY2U9InByZXNlcnZlIj48bWV0YWRhdGEgICAgIGlkPSJtZXRhZGF0YTE3Ij48cmRmOlJERj48Y2M6V29yayAgICAgICAgIHJkZjphYm91dD0iIj48ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD48ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz48ZGM6dGl0bGU+PC9kYzp0aXRsZT48L2NjOldvcms+PC9yZGY6UkRGPjwvbWV0YWRhdGE+PGRlZnMgICAgIGlkPSJkZWZzMTUiIC8+PHBhdGggICAgIGQ9Ik0gNC42Mzc5NCwzMy44OTE3NzMgQyA0LjE0NTY3MywzMy40MjgxMzQgMy41ODEwMTMsMzIuNjgyNDkyIDMuMTE3NzAzLDMyLjAwMjY2NCAwLjQxNjE1NjEsMjguMDM3NTQzIC0wLjcxMTg0NjcsMjIuMzU5MDMgMC40NjE1NjU4LDE2LjQ1MTgyMyBMIDIuMjg5Nzk5LDcuMjUwNzY5IEMgMi43ODU2ODU4LDQuNzU1NTQgMi40NDkzOTEsMi4zNDg4MjcgMS41MTA1OTUyLDAuNDczNTM5MDQgYyAtMC4wNjg3NzMsLTAuMTMxOTUyIC0wLjA4MjU5MywtMC4yODEwMTQgLTAuMDA1MjYsLTAuNDAwMTMyIDAuMDg5ODMyLC0wLjE0MjQ4MSAwLjIyNDc0NSwtMC4wNDgwNCAwLjMwODY1NDIsMC4wMzU1NCBDIDIuMzA1MjY5NSwwLjU3MDk0MTA0IDIuODY5NTk5OSwxLjMxNzg5NyAzLjMzMzIzOTMsMS45OTg3MTMgNi4wMzUxMTUsNS45NjE4NiA3LjE2MzExOCwxMS42NDEwMzEgNS45ODkzNzcsMTcuNTUwMjEyIGwgLTEuODI3OTA1LDkuMTk5NDA5IGMgLTAuNDk1ODg2LDIuNDk2MjE2IC0wLjE2MDkwOCw0LjkwNDI0NiAwLjc3ODIxNyw2Ljc3OTg2NCAwLjA2OTEsMC4xMjg5OSAwLjA4MzU4LDAuMjgxMzQzIDAuMDA1NiwwLjM5NzgyOCAtMC4wODk1LDAuMTQxODIzIC0wLjIyNDA4NywwLjA0NjQgLTAuMzA3MzM4LC0wLjAzNTU0IiAgICAgaWQ9InBhdGgxMCIgICAgIHN0eWxlPSJmaWxsOiNiMWM4MDA7c3Ryb2tlLXdpZHRoOjAuMzI5MDU1NjQiIC8+PC9zdmc+");

    background-repeat: repeat-x;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    /*height = .az-rating height*/
    height: 25px;
    left: 0;
    position: absolute;
    right: 0;
    text-indent: 10000px;
    top: 0;
}
.node .average a {color: #4C4C4C; font-weight: bold; text-transform: uppercase;}
.node .average a.total-votes{
    font-size: 10px;
    text-align: center;
    display: block;
    text-decoration: underline;
}
.node .average .fivestar-static-form-item { float: left; }
.node .average .fivestar-static-form-item .description .total-votes {display: none; }

.bloc-entete .picto-bulletin-qualite { background: transparent url( ../images/interface/pictos/picto-bulletin-qualite.jpg) top left no-repeat; position: absolute; top: 5px; right: 0; display: block; width: 145px; height: 65px; }
.bloc-entete .info-fiche .fiche-desc {
    font-size: 16px;
    background: #ffffff80;
    color: #815c87;
    font-family:Arial, Helvetica, sans-serif;
    line-height: 18px;
    padding: 15px 0 0 0;
    font-weight: bold;
    font-style: italic;
}
/*.bloc-entete .info-fiche .block-product { float: left; }*/
.bloc-entete .info-fiche .block-product .products-grid .select-date-virtuel { width: 196px; }
.bloc-entete .info-fiche .block-product .products-grid .select-date-virtuel .selected { word-wrap:normal; display: block; overflow: hidden; width: 100%; height: 24px; }
.bloc-entete .info-fiche .links-biblio { float: right; color: #4c4c4c; padding-right: 15px;  background: transparent url( ../images/interface/puces/puce-violet.png) center right no-repeat; text-transform:uppercase; /*margin-top: 80px;*/ font-weight: bold; }
.bloc-entete .info-fiche .links-biblio.to-bulletin {margin-top: 10px;}
.bloc-entete .info-fiche .field-free{
    display: none;
    border: 1px solid #ccc;
    padding: 10px;
    font-size: 9px;
    position: fixed;
    background: #fff;
}
/** Block Menu **/
.bloc-menu ul { list-style: none; padding: 14px 30px; margin: 0; height: 22px; line-height: 22px; }
.bloc-menu.advice-sheet { padding: 8px 0;}
.bloc-menu.advice-sheet ul { list-style: none; padding: 6px 30px; margin: 0; height: 22px; line-height: 22px; }
.bloc-menu ul li {background-image:none; display: block; float: left; padding-left: 28px;  margin-left: 35px; padding-right: 35px; line-height: 18px; height: 22px; padding-bottom: 0;}
.bloc-menu.advice-sheet ul li {
    background: transparent url( ../images/interface/puces/puce-logo-small.png) left center no-repeat !important;
    border-right: 1px solid #aaa9ab;
}
.bloc-menu.advice-sheet ul li.last,
.bloc-menu.advice-sheet ul li:last-child { border: none; padding-right: 0;}
.bloc-menu ul li a { padding-right: 14px; color: #815c87; font-size: 16px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; background: transparent url( ../images/interface/puces/puce-violet.png) center right no-repeat; }

/** Accordion **/
.fiche-accordion { font-size: 12px;clear:both;}
.fiche-accordion .header-accordion { margin:0; margin-top: 10px; display: block; background: #8B6B90 url( ../images/interface/background/bg-header-accordion.jpg) top left repeat-x; height: 35px; padding: 0 20px; position: relative; }
.fiche-accordion .header-accordion:first-child { margin: 0 }
.fiche-accordion .header-accordion a { display: block; height: 35px; line-height: 35px; font-size: 18px; color: #FFF; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; font-weight: normal; text-transform: uppercase; }
.fiche-accordion .header-accordion .icon { position: absolute; top: 5px; right: 5px; background: transparent url( ../images/interface/button/btn-accordion.png) -25px 0 no-repeat; display: block; width: 25px; height: 25px; }
.fiche-accordion .header-accordion:hover .icon { background-position: 0 0; }
.fiche-accordion .header-accordion.selected .icon { background-position: -75px 0; }
.fiche-accordion .header-accordion.selected:hover .icon { background-position: -50px 0; }
.fiche-accordion .fiche-accordion-content { background: #FFF; padding: 22px 32px;  line-height: 20px; }
.fiche-accordion.fiche-accordion-compact .fiche-accordion-content {padding:1px 32px;}
.fiche-accordion .fiche-accordion-content .separator { border-bottom: 1px dashed #89688f; margin: 28px 0; float:none;background: none;width: 100%; height: auto;}
.fiche-accordion .fiche-accordion-content.no-last-separator .separator {display:none;}
.fiche-accordion .fiche-accordion-content.no-last-separator div.separator+h4 {display:block;border-top: 1px dashed #89688F;margin: 28px 0 10px; padding-top: 28px;float: none;background-position: 0 34px;}
.fiche-accordion .fiche-accordion-content .separator+.separator { display:none;}
.fiche-accordion .fiche-accordion-content .intitule { color: #89688f; font-size: 14px; font-weight: bold; width: 254px; background: transparent url( ../images/interface/background/bg-intitule.jpg) left -3px repeat-x; line-height: 20px; margin-bottom: 6px;}
.fiche-accordion .fiche-accordion-content .intitule span { background: #FFF; padding-right: 5px;}
.fiche-accordion .fiche-accordion-content .value { padding-left: 10px; margin-left: 254px; float:none !important; max-width: 645px;margin-bottom: 6px;}
.fiche-accordion .fiche-accordion-content .value.culture img { float:left;}
.fiche-accordion .fiche-accordion-content .value.culture .libelle{ margin-left: 45px;}
.fiche-accordion .fiche-accordion-content .value.culture .culture_conventionnelle.libelle{ margin-left: 0px;}
.fiche-accordion .fiche-accordion-content .value img { margin-right: 5px; /*margin-top: -10px; position: relative; */ }
.fiche-accordion .fiche-accordion-content .img-line { /*margin-top: 10px; */ }
.fiche-accordion .fiche-accordion-content .activity-item {width: auto; float:left;}
.fiche-accordion .fiche-accordion-content .activity-item label {display:block;color:#4B4B4B;font-weight: bold; text-align:center;}
.fiche-accordion .fiche-accordion-content .note {font-size: 10px; font-style: italic;line-height: 12px;}
.fiche-accordion .fiche-accordion-content .enbref { line-height: 17px; margin-bottom: 20px;}
.fiche-accordion .fiche-accordion-content .enbref+.table-propriete,
.fiche-accordion .fiche-accordion-content .gel_obtenu+.table-propriete,
.fiche-accordion .fiche-accordion-content .emulsion+.table-propriete{margin-top: 20px;}
.fiche-accordion .fiche-accordion-content .enbref+.table-propriete{margin-top: 15px;}
.fiche-accordion .fiche-accordion-content ul {margin-bottom: 6px;padding: 0;}
.fiche-accordion .fiche-accordion-content a {text-decoration: underline;}
.fiche-accordion .fiche-accordion-content ul li {line-height: 20px;margin:0;}
.fiche-accordion .fiche-accordion-content p {margin: 0;}
.fiche-accordion .fiche-accordion-content h4.sous-titre {margin-bottom: 10px;}
.fiche-accordion .fiche-accordion-content h5.sous-sous-titre2 {margin: 20px 0 10px;}
.fiche-accordion .fiche-accordion-content .he-ideale {
    border: 1px solid #eee;
    padding: 5px 20px 10px 20px;
    border-radius: 3px;
    position: relative;
    margin: 0 0 10px 0;
}
.fiche-accordion .fiche-accordion-content .he-ideale h5 {
    margin-bottom: 10px;
}
.view-formules-aromatherapie ul.problematiques-recette,
.fiche-accordion .fiche-accordion-content .he-ideale ul,
ul.bandeau-menu{
    display: flex;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
}

ul.bandeau-menu{
    justify-content: space-around;
    font-size: 9px;
}
.view-formules-aromatherapie ul.problematiques-recette li,
.fiche-accordion .fiche-accordion-content .he-ideale ul li,
.recettes-aromatherapie-accueil .product-card li,
ul.bandeau-menu li {
    display: block;
    flex: 0 1 auto;
    list-style-type: none;
    background: rgba(218, 223, 180, 0.3);
    margin: 0 5px 5px 0;
    padding: 5px 20px;
    border: 1px solid #97a720;
    border-radius: 20px;
    background-image:none;
}
.view-formules-aromatherapie ul.problematiques-recette li:hover,
.fiche-accordion .fiche-accordion-content .he-ideale ul li.he-fiche:hover,
.recettes-aromatherapie-accueil .product-card li:hover,
ul.bandeau-menu li:hover{
    background: #FFFFff;
}
.view-formules-aromatherapie ul.problematiques-recette li:hover a,
.fiche-accordion .fiche-accordion-content .he-ideale ul li.he-fiche:hover a.he-problematique,
.recettes-aromatherapie-accueil .product-card li a,
ul.bandeau-menu li:hover a{
    color: #b5c064;
}
.view-formules-aromatherapie ul.problematiques-recette li a,
.fiche-accordion .fiche-accordion-content .he-ideale ul li,
.fiche-accordion .fiche-accordion-content .he-ideale ul li.he-fiche a.he-problematique,
.recettes-aromatherapie-accueil .product-card li a,
ul.bandeau-menu li a{
    text-transform: uppercase;
    text-decoration: none!important;
    color: #91a11d;
    font-weight: bold;
}
/** Block Recipes **/
.recipes-list {}
#plusone #button {background:none !important;}
.fiche-technique .recipes-list .block-recipes { padding-left:5px;padding-top: 10px !important;}
.recipes-list .block-recipes .item-recipes {background: #f5f5f5; padding: 7px; }
.recipes-list .block-recipes li+li{margin-left: 9px !important;}
.recipes-list .block-recipes .item-recipes a {text-decoration:none;/*text-transform: capitalize;*/}
.recipes-list .block-recipes .item-recipes .video-recipe { position: relative; }
.recipes-list .block-recipes .item-recipes .video-button { position: absolute; width: 100%; height: 100%; background: transparent url(../images/interface/youtube-play.png) center center no-repeat; }

/** Block List General Characteristics **/
/*.node .list-carac-gen { list-style: none; margin: 0; padding: 0; }
.node .list-carac-gen li { float: left; width: 50%; list-style: none; margin: 0; padding: 0; background: none; margin-bottom: 15px; }
.node .list-carac-gen li .left-desc { float: left; padding-left: 15px; padding-top: 10px; width: 360px;}
.node .list-carac-gen li .left-desc h5 { color: #4b4b4b; font-weight: normal; font-size: 16px; text-transform: uppercase; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; margin: 0;}
.node .list-carac-gen li .left-desc span { color: #72c7e7; font-weight: bold; font-size: 14px;  }
.node .list-carac-gen li .left-desc p { margin: 0; }*/

.node .list-carac-gen td {border: none;vertical-align: middle;padding: 10px 0;}
.node .list-carac-gen td img {}
.node .list-carac-gen .left{ text-align:center; width: 80px;}
.node .list-carac-gen .left-desc {width: 50%; padding: 1%;}
.node .list-carac-gen .left-desc h5 { color: #4b4b4b; font-weight: normal; font-size: 16px; text-transform: uppercase; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; margin: 0;}
.node .list-carac-gen .left-desc span { color: #72c7e7; font-weight: bold; font-size: 14px;  }
.node .list-carac-gen .left-desc p { margin: 0; }

/** Block List Type Utilisation **/
.node .list-types-utilisation {display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }
.node .list-types-utilisation li { min-width: 20%; list-style: none; margin: 0; padding: 0; background: none; padding-bottom: 15px; text-align: center; }
.node .list-types-utilisation li img { /*display: block; margin: auto;*/ }
.node .fiche-accordion .fiche-accordion-content .list-types-utilisation li { line-height: 15px; }


/** Block Comment **/
.no-comment {
    display: block;
    text-align: center;
    float: none;
    margin-bottom: 20px; }
.container-comment .links { float: right; margin-bottom: 6px;}
.container-comment .links li { display: block; float: left; padding-left: 0; background: none; }
.container-comment .links a { color:#815c87; font-size: 11px; font-weight: bold; padding-right:12px; margin-left: 35px; background: transparent url(../images/interface/puces/puce-violet.png) center right no-repeat; display:block; text-decoration: none;}
.comment { margin-bottom: 15px; font-size: 12px;}
/*.comment.comment-admin {background:#e4cee7; position: relative; margin-left: -10px; padding-left: 10px; font-style: italic;}*/
.comment.comment-admin {background:#e4cee7; position: relative; margin-left: -10px; padding: 10px; font-style: italic;}
.comment.comment-admin .comment-date {background: url(../images/interface/pictos/logo_az_comment.jpg?ab);background-repeat: no-repeat;background-position: top right;display: inline-block;line-height: 24px;padding-right: 35px;}
.comment.comment-admin .comment-date b {display:none;}
.comment h5 { color:#815c87; font-size: 16px; height: 30px; line-height: 30px; margin: 0; }
.comment h5 span.title { float: left; }
.comment h5 .fivestar-widget-static { float: left; padding-left: 10px; position: relative; margin-top: 3px; }
.comment .comment-date { color:#815c87; }
.comment .comment-content { clear: both; line-height: 18px; word-wrap: break-word; }
.comment-form {  display: none; width: 100%; clear: both; }
.comment-form .box { display: block; }
.comment-form label { font-size: 15px; color: #333333; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; text-transform: uppercase; width: 185px; display: block; float: left; }
.comment-form .form-text { width: 250px;}
.comment-form .form-item { float: left; padding-bottom: 10px; width: 100%;}
.comment-form #edit-name-wrapper { width: auto; }
.comment-form #edit-mail-wrapper { width: auto; margin-left: 15px; }
.comment-form #edit-subject-wrapper { clear: both; }
.comment-form #edit-subject-wrapper .form-text { width: 710px; }
.comment-form div.fivestar-widget { float: left; /*width: 710px;*/ width: 95px }
.comment-form div.fivestar-form-item label { line-height: 44px;height: 34px;}
.comment-form div.resizable-textarea { float: left; }
.comment-form div.resizable-textarea .form-textarea { width: 710px; }
.comment-form #edit-preview { display: none; }
.comment-form #edit-homepage-wrapper,
.comment-form .description,
.comment-form fieldset { display: none;  }

/** Node Comments **/
.node .comment-box {
    clear: both;
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 3px;
}
.node.guide-he .comment-box {
    display:none;
}
/** All comments **/
.node-all-comments {}
.node-all-comments .bloc-entete .links{position:absolute; top:12px;}
.node-all-comments .bloc-entete .links li { background: url("../images/interface/puces/puce-logo-small.png") no-repeat scroll left center transparent !important; height: 22px; line-height: 18px; padding-bottom: 0; padding-left: 28px; }
.node-all-comments .bloc-entete .links a { background: url("../images/interface/puces/puce-violet-left.png") no-repeat scroll left center transparent; color: #815C87; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; font-size: 16px; padding-left: 14px; }
.node-all-comments h3.titre { margin: 0 -32px; position: relative; margin-bottom: 22px; }
.node-all-comments .comment-form h4.sous-titre { display: none; }
.node-all-comments .info-fiche.recette_cosmetique, .node-all-comments .info-fiche.recette_culinaire{width: 470px;padding-top: 5px;}
/*========================================================================= */


/* Recipe ============================================================ */
.header-recipe { height: 30px; width: 207px; }
.header-recipe .recipe-difficulty { float: left; }
.header-recipe .recipe-price { float: left; }
.header-recipe .recipe-average { float: right; width: 50px; }

/** Difficulty **/
.recipe-difficulty { width: 74px; }
.recipe-difficulty span { width: 0; display: block; background: transparent url(../images/interface/background/bg-difficulty.png) top left repeat-x; height: 29px; }
.recipe-difficulty span.debutant { width: 12px; }
.recipe-difficulty span.avance { width: 24px; }
.recipe-difficulty span.confirme { width: 36px; }

/** Price **/
.recipe-price { width: 54px; padding-top: 6px; float: left; }
.recipe-price span { display: block; background: transparent url(../images/interface/background/bg-price.png) top left repeat-x; height: 18px; margin: auto; }
.recipe-price span.low { width: 18px; }
.recipe-price span.medium { width: 36px; }
.recipe-price span.high { width: 54px; }

/** Average **/
.recipe-average { padding-top: 3px; }
.recipe-average div.fivestar-widget-static .star {  width: 10px;  height: 23px; /* RTL */ }
.recipe-average div.fivestar-widget-static .star span.on {  background: url(../images/interface/background/bg-voting-small.png) no-repeat 0 0; /* RTL */ }
.recipe-average div.fivestar-widget-static .star span.off {  background: url(../images/interface/background/bg-voting-small.png) no-repeat 0 -23px; /* RTL */ }
.fivestar-static-form-item {  }

/** Detail **/
.recipe { font-size: 13px; }

.recipe-top { background: #FFF url(../images/interface/background/bg-recipe-top.jpg) 340px 182px no-repeat; padding: 20px; min-height: 320px;}
.recipe-top .left { width: 510px; }
.recipe-top .right { width: 428px; }
.recipe-top h3 { font-size: 16px; color: #815c87; font-weight: normal; font-family: HelveticaNeueBold; text-transform: uppercase;border-bottom: 1px solid #E4E4E4;padding-bottom: 5px;}
.recipe-top h1 { font-size: 26px; color: #4c4c4c; font-weight: normal; font-family: HelveticaNeueBold; text-transform: uppercase; margin: 0; margin-top: 10px; line-height: 28px; margin-right: 10px;}
.recipe-top .recipe-ref { color: #6f6f6f; font-style: italic; font-size: 9px; text-transform: uppercase; }
.recipe-top .box-share { margin-top: 15px; }
.recipe-top .box-share .average { padding-right: 10px; float: left; }
.recipe-top .box-share .addthis_toolbox { padding-top: 10px; margin-left: 20px; float: left; }
.recipe-top .block-pictos .picto { display: block; float: left;max-width: 82px;/* width: 92px; height: 74px; background: transparent url(../images/interface/background/bg-picto-violet.png) top left no-repeat; */ margin-top: 8px; color: #838383; font-size: 11px; font-weight: bold; text-align: center; line-height: 13px; }
.recipe-top .block-pictos .picto .libelle { text-transform: uppercase;}
.recipe-top .block-pictos .picto+.picto {margin-left: 10px;}
.recipe-top .header-img { background: transparent url(../images/interface/background/bg-tabs-violet.png) top left no-repeat; width: 428px; height: 50px; color: #333; font-size: 14px; font-family: HelveticaNeueMediumCondRg, Helvetica, sans-serif; }
.recipe-top .header-img .tabs-recipe { float: left; display: block; width: 132px; text-align: center; padding: 10px 5px 7px; text-transform: uppercase; line-height: 11px; font-size: 11px; font-weight: normal; }
.recipe-top .header-img .technical-family span { text-transform: none; display: block; }
.recipe-top .header-img .technical-family span.first { text-transform: uppercase;}

.recipe .blocks { margin-top: 10px; background: #FFF; }
.recipe .blocks h3.titre { margin-bottom: 0; }
.recipe .blocks .block-inline { padding: 20px; }
.recipe .block-video { background-color: #f7f8f0; padding: 10px; }
.recipe .block-bulle-left { background: #f7f8f0 url(../images/interface/background/bg-bulle-left.png) top left no-repeat; padding: 20px; padding-top: 45px;  }
.recipe .block-bulle-right { background: #f7fae1 url(../images/interface/background/bg-bulle-right.png) top right no-repeat; padding: 0 20px; padding-top: 40px; padding-bottom: 30px; }
.recipe .block-bulle-right h4.sous-titre {margin-top: 25px;}

.recipe .intitule { color: #333333; font-size: 14px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; float: left; padding: 8px 10px 0; position: relative; margin-bottom: 15px; line-height: 28px;}
.recipe .intitule label { line-height: 16px; width: 180px; display: block; font-family: Helvetica; font-weight:normal; letter-spacing: 0px;}
.recipe .intitule:hover label { color: #88668e; }
.recipe .intitule.no-second { width: 100%; }
.recipe .intitule .infobulle { opacity: 0; display:none; position: absolute; background: transparent url(../images/interface/background/bg-infobulle-recette.png) top left no-repeat; bottom: 10px; left: 23px; padding-top: 3px; text-align: center; width: 154px; height: 145px; }
.recipe .intitule .infobulle .product-price { color: #815c88; font-size: 20px; float: left; margin-left: 7px; line-height: 26px; }
.recipe .intitule .infobulle button.button { float: right; position: relative; margin-top: -8px; margin-right: 7px; }
.recipe .intitule .infobulle button.button span { background: transparent url(../images/interface/button/btn-add-cart-list.png) top left no-repeat; width:48px; height: 36px; display: block; }
.recipe .intitule .infobulle button.button span span { display: none; }
.recipe .intitule .infobulle .availability.out-of-stock {float: left;margin-left: 7px;line-height: 20px;margin-top: 3px;width: 15px; height: 15px;}
.recipe .intitule .infobulle .availability.out-of-stock span {display:none;}
.recipe .intitule .infobulle .out-of-stock-container {flaot:left;clear:none;}

.recipe .separator { float: left; width: 28px; height: 28px; display: block; overflow: hidden; text-indent: -9999em; }
.recipe .separator.ou { background: transparent url(../images/interface/background/separator-ou.png) top left no-repeat; }
.recipe .separator.plus { background: transparent url(../images/interface/background/separator-plus.png) top left no-repeat; }

.recipe .block-flaconnage { margin-bottom: 10px; }
.recipe .block-flaconnage .intitule.first { margin-left: 28px; }

.recipe .block-materials { margin-bottom: 10px; }
.recipe .list-materials { margin-left: 18px; }
.recipe .list-materials li { background: transparent url(../images/interface/puces/tiret-gris.jpg) left 14px no-repeat;margin-bottom:0; padding-bottom: 8px; min-height: 28px; }
.recipe .list-materials .intitule { margin-bottom: 0;}

.recipe .table-ingredient { width: 100%; border: 1px solid #e4cee7; font-size: 12px; margin-top: 10px;}
.recipe .table-ingredient th { border-left: 1px solid #FFF; border-bottom:0;background: #e4cee7; height: 44px; vertical-align: middle; text-align: center; color: #333333; font-family: HelveticaNeueMediumCondRg, Helvetica, sans-serif; font-size: 15px; }
.recipe .table-ingredient th:first-child { border: none; }
.recipe .table-ingredient th.cell-phase,
.recipe .table-ingredient th.cell-ingredient { text-transform: uppercase; }
.recipe .table-ingredient td { padding: 2px 10px; border-left: 1px solid #e4cee7; text-align: center; background:#ffffff;font-size: 13px;}
.recipe .table-ingredient td:first-child { border: none; }
.recipe .table-ingredient td.cell-ingredient { text-align: left; color: #815c87; font-family: HelveticaNeueMediumCondRg, Helvetica, sans-serif; font-size: 14px;}
.recipe .table-ingredient td.cell-phase { color: #333333; font-weight: bold; }
.recipe .table-ingredient tr:first-child td { padding-top: 10px; }
.recipe .table-ingredient tr:last-child td { padding-bottom: 10px; }
.recipe .table-ingredient .no-phase td { background:#F7F8F0 ; border:0;}
.recipe .block-doc { background: #FFF url(../images/interface/background/bg-doc-print.png) center left no-repeat; padding: 10px; padding-left: 146px; }
.recipe .block-doc h4 { font-size: 20px; color: #815c87; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; text-transform: uppercase; margin: 5px 0 10px; }
.recipe .block-doc a{ padding-left: 30px; background: transparent url(../images/interface/puces/puce-pdf.png) center left no-repeat; font-weight: bold; color: #6f6f6f; width: 45%; display: block; float: left; margin-bottom: 5px; font-size: 12px; }
.recipe .block-doc .a-pdf {background: transparent url(../images/interface/puces/puce-pdf.png) center left no-repeat;}
.recipe .comment-ingredients { line-height: 14px; padding-top: 8px;}
.recipe .block-aller-plus-loin { float: none; clear:both; text-align: right; padding-top:  5px; }
.recipe .block-aller-plus-loin a { color: #815c87; font-size: 11px; font-weight: bold; padding-right: 20px; background: transparent url(../images/interface/puces/puce-vert.png) right center no-repeat; text-transform: uppercase; margin-left: 30px; font-weight: bold; white-space:nowrap;}

.recipe .block-videos { padding-left: 130px; background: transparent url(../images/interface/background/bg-block-video.png) left 27px no-repeat; }
.recipe .block-videos .block-video .vignette-video { display: block; width: 37px; height: 36px; background: transparent url(../images/interface/background/vignette-video.png) left top no-repeat; position: absolute; left: 58px; top: 24px; }
.recipe .block-videos h5 {font-size: 13px;color: #E4418B;}
.recipe .block-videos .block-video a {display: block;position: relative;color: #6F6F6F;font-size: 13px;}
.recipe .block-videos .block-video label, .fiche-savoir-faire .block-videos .block-video img {display: block;line-height: 15px;}
.recipe .block-videos.videos-cosmetique {padding-top: 18px;}

.recipe .introduce { color: #808080; }

.picto .img { display: block; width: 62px; height: 45px; margin: auto; }
.picto img { }
.picto .img#problemes-circulatoires-jambes-lourdes-varices { background:transparent url(../images/interface/pictos/picto-pb-circulatoires.png) top left no-repeat; }
.picto .img#grossesse { background:transparent url(../images/interface/pictos/picto-grossesse.png) top left no-repeat; }
.picto .img#allaitement { background:transparent url(../images/interface/pictos/picto-allaitement.png) top left no-repeat; }
.picto .img#taches-de-rousseur-de-vieillesse-de-soleil { background:transparent url(../images/interface/pictos/picto-taches.png) top left no-repeat; }
.picto .img#cernespoches { background:transparent url(../images/interface/pictos/picto-cernes.png) top left no-repeat; }
.picto .img#acneboutons { background:transparent url(../images/interface/pictos/picto-boutons.png) top left no-repeat; }
.picto .img#alopecie { background:transparent url(../images/interface/pictos/picto-alopecie.png) top left no-repeat; }
.picto .img#vergetures { background:transparent url(../images/interface/pictos/picto-vergetures.png) top left no-repeat; }
.picto .img#cellulite { background:transparent url(../images/interface/pictos/picto-cellulite.png) top left no-repeat; }
.picto .img#eczema { background:transparent url(../images/interface/pictos/picto-eczema.png) top left no-repeat; }
.picto .img#psoriasis { background:transparent url(../images/interface/pictos/picto-eczema.png) top left no-repeat; }
.picto .img#couperoserosacee { background:transparent url(../images/interface/pictos/picto-couperose-rosacee.png) top left no-repeat; }
.picto .img#ridesridules { background:transparent url(../images/interface/pictos/picto-rides.png) top left no-repeat; }
.picto .img#bleuscoupsbosses { background:transparent url(../images/interface/pictos/picto-bobos.png) top left no-repeat; }
.picto .img#ecorchures-bobos { background:transparent url(../images/interface/pictos/picto-bobos.png) top left no-repeat; }
.picto .img#piqures-dinsecte { background:transparent url(../images/interface/pictos/picto-piqure.png) top left no-repeat; }
.picto .img#douleurs-musculaires { background:transparent url(../images/interface/pictos/picto-douleurs.png) top left no-repeat; }
.picto .img#douleurs-articulaires { background:transparent url(../images/interface/pictos/picto-douleurs.png) top left no-repeat; }
.picto .img#cicatrices { background:transparent url(../images/interface/pictos/picto-cicatrices.png) top left no-repeat; }
.picto .img#brulures-coups-de-soleil-brulure-superficielle { background:transparent url(../images/interface/pictos/picto-brulures.png) top left no-repeat; }

.picto .img#prix {height:65px;}
.picto .img.peu_couteux {background: url(../images/interface/pictos/indications/pictos_violet_e.png) 0 0 no-repeat;}
.picto .img.moyen_couteux {background: url(../images/interface/pictos/indications/pictos_violet_ee.png) 0 0 no-repeat;}
.picto .img.tres_couteux {background: url(../images/interface/pictos/indications/pictos_violet_eee.png) 0 0 no-repeat;}

.picto .img#difficulte {height: 65px;}
/*
.picto .img#difficulte.confirme { background:transparent url(../images/interface/pictos/picto-difficulte-recette.png) center center repeat; width: 36px; height: 30px;margin: 8px auto;}
.picto .img#difficulte.avance { background:transparent url(../images/interface/pictos/picto-difficulte-recette.png) left center repeat; width: 24px; height: 30px;margin: 8px auto;}
.picto .img#difficulte.debutant { background:transparent url(../images/interface/pictos/picto-difficulte-recette.png) center center repeat; width: 12px; height: 30px;margin: 8px auto;}
*/
.picto .debutant#difficulte {background: url(../images/interface/pictos/indications/pictos_violet_n.png) 0 0 no-repeat;}
.picto .avance#difficulte  {background: url(../images/interface/pictos/indications/pictos_violet_nn.png) 0 0 no-repeat;}
.picto .confirme#difficulte  {background: url(../images/interface/pictos/indications/pictos_violet_nnn.png) 0 0 no-repeat;}
.picto .img-picto#difficulte{margin: 8px auto;}
.picto .img-picto.avance .level3{display:none;}
.picto .img-picto.debutant .level2, .picto .img-picto.debutant .level3{display:none;}
.picto .img#tps-real { background:transparent url(../images/interface/pictos/indications/pictos_violet_r.png) top left no-repeat; height: 65px; }
.picto .img#cuisson { background:transparent url(../images/interface/pictos/picto-cuisson.png) top left no-repeat; height: 65px; }
.picto .img#duree-conserv { background:transparent url(../images/interface/pictos/indications/pictos_violet_c.png) top left no-repeat; height: 65px;}


/*========================================================================= */


/* Average + Comment ============================================================ */
div.fivestar-static-form-item label { display: none; }
div.fivestar-static-form-item .description { display: none; }
.average div.fivestar-widget-static { float: left; }
.average div.fivestar-static-form-item .description { display: block; float: left; }
.average div.fivestar-static-form-item .description .fivestar-summary-combo { padding-left: 10px; }
.average:hover div.fivestar-static-form-item .description {  display: block; }
div.fivestar-static-form-item .description .total-votes,.title-box .total-votes { font-family:Arial; font-weight: bold; letter-spacing: 0px; text-transform: uppercase; color: #4C4C4C; font-size: 14px; display: block; text-align: center; }
div.fivestar-static-form-item .description .average-rating,
div.fivestar-static-form-item .description .user-rating { display: none; }
div.fivestar-widget-static { display: block; }
div.fivestar-widget-static br {  clear: left; /* RTL */ }
div.fivestar-widget-static .star {  float: left; /* RTL */  width: 14px;  height: 34px;  overflow: hidden;  text-indent: -999em; background:none;}
div.fivestar-widget-static .star span.on {  display: block;  width: 100%;  height: 100%;  background: url(../images/interface/background/bg-voting.png) no-repeat 0 0; /* RTL */ }
div.fivestar-widget-static .star span.off {  display: block;  width: 100%;  height: 100%;  background: url(../images/interface/background/bg-voting.png) no-repeat 0 -34px; /* RTL */ }

div.fivestar-widget {  display: block; }
div.fivestar-widget .cancel, div.fivestar-widget .star {  float: left; /* RTL */  width: 14px;  height: 34px;  overflow: hidden;  text-indent: -999em; }
div.fivestar-widget .cancel, div.fivestar-widget .cancel a {  background: url(../widgets/default/delete.gif) no-repeat 0 -16px; /* RTL */  text-decoration: none; }
div.fivestar-widget .star, div.fivestar-widget .star a {  background: url(../images/interface/background/bg-voting.png) no-repeat 0 -34px; /* RTL */  text-decoration: none; }
div.fivestar-widget .cancel a, div.fivestar-widget .star a {  display: block;  width: 100%;  height: 100%;  background-position: 0 -34px; /* RTL */  cursor: pointer; }
div.fivestar-widget div.on a {  background-position: 0 0; /* RTL */ }
div.fivestar-widget div.hover a, div.rating div a:hover {  background-position: 0 0; /* RTL */ }
#edit-fivestar-rating-wrapper div.description { /*display: none;*/ display: block; }
#edit-fivestar-rating-wrapper div.description .desc-notation {float:right;margin-right: 11px;}
#edit-fivestar-rating-wrapper div.description .desc-notation img {height:30px;}
#edit-fivestar-rating-wrapper div.description .desc-notation span {line-height:30px;margin-right:10px;}


.small div.fivestar-widget-static .star {  width: 10px;  height: 23px; /* RTL */ }
.small div.fivestar-widget-static .star span.on {  background: url(../images/interface/background/bg-voting-small.png) no-repeat 0 0; /* RTL */ }
.small div.fivestar-widget-static .star span.off {  background: url(../images/interface/background/bg-voting-small.png) no-repeat 0 -23px; /* RTL */ }

/*========================================================================= */

/* Views  ========================================================================= */

/** Header  + Footer **/
.view-footer { margin-top: 10px; }
.view-header,
.view-footer { height: 40px; padding: 0 10px; background: #FFF; color: #808080; line-height: 40px; }
.view-footer a,
.view-header a { color: #808080; }
.view-footer a:hover, .view-footer a.active-limit,
.view-footer a:hover, .view-footer a.active-sort,
.view-header a:hover, .view-header a.active-limit,
.view-header a:hover, .view-header a.active-sort { font-weight: bold; color: #815C87; }
.view-header .block-limit,
.view-footer .block-limit,
.view-footer .block-sort,
.view-header .block-sort {  float: left; }
.view-footer .block-pager,
.view-header .block-pager {  float: right; position:relative; z-index:1;}
.view-header .block-limit,
.view-footer .block-limit { width: 300px; margin: auto; padding-left: 40px; }
.view-footer .block-pager span ,.view-footer .block-pager .item-list ,
.view-header .block-pager span ,.view-header .block-pager .item-list {  float: left; }
.view-footer .block-pager span,
.view-header .block-pager span { padding-right: 10px; margin-right: -10px; position: relative; z-index:1; background: #FFF;}
.view-footer .pager,
.view-header .pager { background: none; border: none; padding: 0 !important; text-align: left; margin: 0; }
.view-footer .pager li,
.view-header .pager li { display: inline; padding: 0 8px; border-left: 1px solid #dadada; background: none !important; }
.view-footer .pager li.pager-current ,
.view-header .pager li.pager-current { color: #815c87; font-weight: bold; }
.view-footer .pager .pager-next, /*.view-footer .pager .pager-last,*/ .view-footer .pager .pager-previous, /*.view-footer .pager .pager-first ,*/
.view-header .pager .pager-next, /*.view-header .pager .pager-last,*/ .view-header .pager .pager-previous/*, .view-header .pager .pager-first*/ { display: none; }
/*.list-recipe .view-footer .pager .pager-last,.list-recipe .view-footer .pager .pager-first ,
.list-recipe .view-header .pager .pager-last,.list-recipe .view-header .pager .pager-first { display: inline; }*/

/** View exposed **/
.col-main .view-filters { height: 25px; background: #815c87; padding: 6px 0; width: 100%; position: relative; z-index:10;}
.views-exposed-widgets .views-exposed-widget:first-child{ float: left;}
.views-exposed-widget { float: right; }
.views-exposed-widget label { display: none; }
.views-exposed-widget .form-text { display: block; float: left; margin-left: 6px; width: 210px; height: 26px; line-height: 25px; border: none; background: #FFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; font-size: 11px; font-style: italic; color: #4b4b4b; }
.views-exposed-widget .form-submit { display: block; text-indent: -999em; overflow: hidden; background: transparent url(../images/interface/button/btn-submit-exposed.jpg) top left no-repeat; width: 25px; height: 22px; position: absolute; top: 8px; left: 195px; cursor: pointer; }
.select-filter dt {margin: 0px 6px 6px; padding:0px ; text-transform:uppercase; color:#4b4b4b; background:#fff url('../images/filters/arrow.gif') right top no-repeat; position:relative; z-index: 1;}
.select-filter dt {/*border-bottom: 6px solid #ffffff;*/}
.select-filter dt.cancel:hover {border-bottom: 6px solid #815c87;}
.select-filter dt span {padding:5px 20px 3px 10px; display:block; }
.select-filter dd ol li a {color:#fff; display: block; }
.select-filter dd ol li a:hover {color:#4b3c4c}
.select-filter dt div.line {display:none;height:6px; width:100%; background:#815c87; position:relative; z-index: 20;}
.select-filter { /*position:relative;*/ cursor:pointer;}
.select-filter dd {display:none; position:absolute; z-index:100; width:200px; background:#9f81a3; color:#fff; font-size:11px; opacity: 1; filter: alpha(opacity = 100); margin-left:6px; padding:10px 6px;margin-top: -6px;}
.select-filter.open dd {display:block;}
.select-filter.open dt {background:#9f81a3 url('../images/filters/arrow.gif') right bottom no-repeat; color:#fff}
.select-filter.open dt div.line {background:#9f81a3; }

.select-filter dt.cancel,
.select-filter:hover dt.cancel {background:#9f81a3; color:#fff; cursor:default; position: relative;}
.select-filter:hover dt.cancel{margin-bottom:0; border-bottom: 6px solid #815C87;}
.select-filter:hover dt.cancel div.line {background:#815c87}
.select-filter dt.cancel .btn-remove {margin:4px 0px 2px 10px; float: right; cursor: pointer; position: absolute; right:5px; top: 5px;}
.select-filter dt.cancel span {padding-right:20px; }

.view-content table.views-view-grid {border-collapse: separate; border-spacing: 10px 10px; margin: 0px -10px}
/*========================================================================= */

/* Liste documentations ====================================================================== */
.list-documentation {}
/** Fiches savoir faire **/
.list-documentation table td { width: 50%; background: #FFF; padding: 10px; }
/*
.list-documentation .col-1 { border-top: 10px solid #DAD7DE; border-right: 10px solid #DAD7DE;  }
.list-documentation .col-2 {  border-top: 10px solid #DAD7DE; }
*/
.list-documentation.list-fsf .views-field-title { padding: 35px 0 10px; }
.list-documentation .views-field-field-fsf-vignette-fid,
.list-documentation .views-field-field-fsf-visuel-fiche-fid {float: left; width: 175px; margin-right: 6px; min-height: 175px; }
.list-documentation .views-field-field-fsf-vignette-fid img{ width: 175px; height: 175px; }
.list-documentation.list-fsf .views-field-title { padding: 35px 0 10px;   }
.list-documentation.list-fsf .views-field-title a { line-height: 19px; font-size: 17px; color: #815c88; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; text-transform: uppercase; background: transparent url(../images/interface/puces/puce-violet.png)  no-repeat scroll right center; padding-right: 10px; }
.list-documentation.list-fsf .views-field-title a:hover {opacity: 0.7;}
.list-documentation.list-fsf .views-field-field-fsf-texte-intro-value { font-size:1.23em; letter-spacing: -0.02em;line-height: 19px }

/** Header Fiches pratiques ancienement Fiches Savoir-faire **/
.list-documentation .view-header-fiches-pratiques {background: url("/cms/sites/default/files/contenu/fiches_pratiques/bandeau-fiches-pratiques.jpg") no-repeat scroll left rgba(0, 0, 0, 0); height:148px; padding: 0 0 0 0; margin-bottom: 17px; }
.list-documentation .view-header-fiches-pratiques h1 {background:none; padding: 0; font-size: 27px; font-family:'HelveticaNeueLTStdBdCn'; font-weight: normal; color: #AE92C0; margin: 16px 0 0 18px; text-transform: uppercase; }
.list-documentation .view-header-fiches-pratiques .background-title {width:515px; height:115px;background-color:rgba(255, 255, 255, 0.9);margin-right: 15px; margin-top: 15px; padding-top: 0; float: right; }
.list-documentation .view-header-fiches-pratiques .presentation-title {border-right-width: 0; font-size: 1.23em; letter-spacing: -0.02em;line-height: 19px; margin-left: 18px; margin-right: 20px; margin-top: 5px;}


/** Header Dossier thematique **/
/*.list-documentation .view-header-dossier {background: url("/cms/sites/default/files/contenu/dossiers/bandeau_dossiers.jpg") no-repeat scroll left rgba(0, 0, 0, 0); height:148px; padding: 0 0 0 0; margin-bottom: 17px; }*/
.list-documentation .view-header-dossier h1 {background:none; padding: 0; font-size: 27px; font-family:'HelveticaNeueLTStdBdCn'; font-weight: normal; color: #815c88; margin: 16px 0 0 18px; text-transform: uppercase; }
/*.list-documentation .view-header-dossier .background-title {width:515px; height:115px;background-color:rgba(255, 255, 255, 0.9);margin-right: 15px; margin-top: 15px; padding-top: 0; float: right; }*/
.list-documentation .view-header-dossier .presentation-title {border-right-width: 0; font-size: 1.23em; letter-spacing: -0.02em;line-height: 19px; margin-left: 18px; margin-right: 20px; margin-top: 5px;}
.list-documentation .view-header-dossier {
    height:auto;
    -webkit-background-size:cover;
    background-image: url("/cms/sites/default/files/contenu/dossiers/bandeau_dossiers.jpg");
    background-size:cover!important;
    display:flex;
    float:none;
    justify-content: flex-end;
}
.list-documentation #beaute-slow {
    background-image: url("/cms/sites/default/files/contenu/dossiers/DOSSIERS-THEMATIQUES_beaute-slow.jpg");
}
.list-documentation #maison-ecologique {
    background-image: url("/cms/sites/default/files/contenu/dossiers/DOSSIERS-THEMATIQUES_maison-ecologique.jpg");
}
.list-documentation #cosmetique-maison {
    background-image: url("/cms/sites/default/files/contenu/dossiers/DOSSIERS-THEMATIQUES_cosmetique-maison.jpg");
}
.list-documentation #aromatherapie-bien-etre {
    background-image: url("/cms/sites/default/files/contenu/dossiers/DOSSIERS-THEMATIQUES_aromatherapie-bien-etre.jpg");
}
.list-documentation .view-header-dossier .background-title {
    background-color: rgba(255,255,255,.9);
    margin: 15px;
    margin-top: 15px;
    padding-top: 0;
    padding: 10px;
    width:auto;
    height:auto;
    float:none;
    min-width: 515px;
    max-width:71%;
    min-height: 71%;
    margin-bottom: 17px;
}
.list-documentation .view-header-dossier {
    display:flex;
    float:none;
    justify-content:flex-end;
    background-repeat: no-repeat;
    height:auto!important;
    padding: 0 0 0 0;
    background-size: cover!important;
    margin-bottom:0;
}

.list-documentation .views-exposed-widgets .views-exposed-widget:first-child{ float: left;}
.list-documentation .views-exposed-widget { float: left; }


.list-documentation .views-field-value { float: right; }
.list-documentation .views-field-view-node { margin-top: 10px; }
.list-documentation .views-field-view-node a { color: #ff4ca6; font-size: 11px; font-weight: bold; padding-right: 15px; background: transparent url(../images/interface/puces/puce-rose.png) center right no-repeat; float: right; }
.list-documentation .views-field-view-node a:hover{opacity:0.7;}
/** Dossier thematique **/
.list-documentation .views-field-field-dt-visuel-fid { float: left; width: 175px; margin-right: 3px; min-height: 175px; }
.list-documentation .views-field-field-dt-visuel-fid img{ width: 175px; height: 175px; }
.list-documentation.list-dossier-thematique .views-field-title { padding: 35px 0 10px;   }
.list-documentation.list-dossier-thematique .views-field-title a { line-height: 19px; font-size: 17px; color: #815c88; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; text-transform: uppercase; background: transparent url(../images/interface/puces/puce-violet.png)  no-repeat scroll right center; padding-right: 10px; }
.list-documentation.list-dossier-thematique .views-field-title a:hover {opacity: 0.7;}
.list-documentation.list-dossier-thematique .views-field-field-dt-texte-intro-value { font-size:1.23em; letter-spacing: -0.02em;line-height: 19px }
/** Fiches conseil **/
.list-documentation .view-row-fiches { background: #FFF; padding: 12px 35px 12px 10px; margin-top: 10px; clear: both;  }
.list-documentation .view-row-fiches .notation {float:right;}
.list-documentation.list-advice-sheet .views-row { padding: 0; margin-top: 0; background: none; }
.list-documentation .views-field-field-ft-visu-pola-fid { float: left; width: 52px; margin-right: 10px; min-height: 1px; }
.list-documentation .views-field-field-ft-visu-pola-plante-fid { float: left; width: 52px; margin-right: 10px; min-height: 1px; }
.list-documentation .views-field-field-ft-pictogramme-culture-value { float: left; width: 40px; margin-right: 15px; min-height: 1px; }
.list-documentation .views-field-field-ft-pictogramme-culture-value img { width: 40px; height: auto !important; }
.list-documentation .views-regroupment { float: left; }
.list-documentation .views-field-nothing { font-size: 13px; color: #88668e; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; text-transform: uppercase; float:left; margin-right: 10px;}
.list-documentation .views-field-field-ft-introduction-value,
.list-documentation .views-field-title { font-size: 14px; line-height: 12px; color: #333333; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; text-transform: uppercase;/*clear:left;*/padding-top: 5px;}
.list-documentation .views-field-field-ft-introduction-value{clear:left;padding:3px 0 0;max-width: 640px;}
.list-documentation .views-field-field-ft-introduction-value a,
.list-documentation .views-field-title a { font-size: 14px; color: #333333; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; text-transform: uppercase; }
.list-documentation .views-field-title a:hover {opacity: 0.7;}
.list-documentation .views-field-field-ft-introduction-value a:hover {opacity: 0.8;}
.list-documentation .views-field-field-ft-nom-botanique-value { font-size: 10px; color: #808080; font-style: italic; }
.list-documentation .views-field-path { float: right; padding-top: 20px; }
.list-documentation .views-field-path a { color: #ff4ca6; font-size: 11px; font-weight: bold; padding-right: 15px; background: transparent url(../images/interface/puces/puce-rose.png) center right no-repeat; }
.list-documentation .views-field-path a.violet { color: #815c88; background: transparent url(../images/interface/puces/puce-violet.png) center right no-repeat; }
.list-documentation .views-field-path a:hover { opacity: 0.8;}

.view-fiche-technique .print-pdf{ width: 16px; display: block; height: 19px; cursor: pointer; background: transparent url(../images/interface/button/btns-printer.png) top right no-repeat; text-indent: -999em; overflow: hidden; padding: 0; margin-left: 5px; }
.view-fiche-technique .print-pdf { position: absolute;right: 10px;top: 30px;}
.view-fiche-technique .print-pdf:hover {opacity: 0.8;}
.view-fiche-technique div.fivestar-widget-static {}
.view-fiche-technique div.fivestar-widget-static .description{display:none;}
.list-documentation .fivestar-static-form-item { float:left; margin-top: -4px;}
.list-documentation div.fivestar-widget-static .star {  width: 10px;  height: 23px; /* RTL */ }
.list-documentation div.fivestar-widget-static .star span.on {  background: url(../images/interface/background/bg-voting-small.png) no-repeat 0 0; /* RTL */ }
.list-documentation div.fivestar-widget-static .star span.off {  background: url(../images/interface/background/bg-voting-small.png) no-repeat 0 -23px; /* RTL */ }
/** Notices **/
.list-documentation .views-row { background: #FFF; padding: 12px 10px; margin-top: 10px; clear: both; position:relative;}
.list-documentation .views-field-field-n-pdf-fid { float: right; padding-top: 12px; }
.list-documentation.view-notice .views-field-field-n-pdf-fid{padding-top:0;}
.list-documentation .views-field-field-n-pdf-fid a { color: #ff4ca6; font-size: 11px; font-weight: bold; padding-right: 15px; background: transparent url(../images/interface/puces/puce-rose.png) center right no-repeat;}
.list-documentation .views-field-field-n-pdf-fid a:hover {opacity:0.7;}
.list-documentation .views-row .view-row-fiches {position:relative;}
/*========================================================================= */
/*Guide des huiles essentielles liste ========================================================================= */
.view-guide-des-huiles-essentielles .views-exposed-widget .form-submit {
    display: none;
}
.view-guide-des-huiles-essentielles .view-header {
    height:auto;
    line-height:1.5em;
    font-size:12px;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    text-align: justify;
}
.view-guide-des-huiles-essentielles .view-header h1 {
    margin: 20px 0 10px 10px;
    font-size: 26px !important;
    flex: 1 100%;
    color: #815c87;
}
.view-guide-des-huiles-essentielles .view-header img {
    margin: 13px 20px 0 13px;
    max-height: 208px;
    max-width: 309px;
    flex: 1;
}
.view-guide-des-huiles-essentielles .view-header .guide-intro {
    margin: 10px 40px 10px 10px;
    flex: 1;
    color: #808080;
    font-size: 1.23em;
    letter-spacing: -0.02em;
    line-height: 19px;
}
.view-guide-des-huiles-essentielles .view-header .guide-intro  center {
    display: block;
    clear: both;
    margin: 20px;
}
.view-guide-des-huiles-essentielles .view-header .guide-more,
.boutique .boutique-more {
    flex: 1 100%;
    text-align: right;
}
.view-guide-des-huiles-essentielles div.view-header .guide-more a,
.boutique .boutique-more a
{
    position: relative;
    font-size: 10px;
    border: none;
    padding-right: 20px;
}
.view-guide-des-huiles-essentielles .view-filters {
    clear: both;
}
.view-guide-des-huiles-essentielles .view-filters a.guide-filter {
    color: #fff;
    display: block;
    padding: 3px 5px;
    margin: 1px 9px 0 0;
    border: 1px solid #fff;
    float: right;
    text-transform: uppercase;
}
.view-guide-des-huiles-essentielles .view-filters a.guide-filter:hover {
    background: #fff;
    color: #815c88;
}
.view-guide-des-huiles-essentielles .view-filters h3 {
    text-transform: uppercase;
    padding: 0 0 0 20px;
    color: #fff;
    margin: 5px 0;
}
.view-guide-des-huiles-essentielles .views-exposed-widgets:before {
    content: 'Quelle huile essentielle pour :';
    display: block;
    float: left;
    color: #fff;
    font-weight: bold;
    margin: 5px 0 0 5px;
    width: 170px;
}

.view-guide-des-huiles-essentielles .views-exposed-widgets .views-exposed-widget .tid_problematique {
    position: absolute;
    z-index: 100;
    display: none;
    background: #9f81a3;
    color: #fff;
    font-size: 11px;
    opacity: 1;
    filter: alpha(opacity = 100);
    margin-left: -175px;
    padding: 10px 6px;
    margin-top: -6px;
    width:auto;
}
.view-guide-des-huiles-essentielles .views-exposed-widgets .views-exposed-widget .tid_problematique ol li:nth-child(22),
.view-guide-des-huiles-essentielles .views-exposed-widgets .views-exposed-widget .tid_problematique ol li:nth-child(n+111) {
    display: none;
}
.view-guide-des-huiles-essentielles .views-exposed-widgets .views-exposed-widget .tid_problematique ol {
    position: relative;
    margin: 0 0 10px;
    padding: 0;
    font-size: 12px;
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 4;
    list-style-position: inside;
}

.list-guide-he .products,
.recettes-aromatherapie .view-content,
.recettes-aromatherapie .formule-jump-wrapper,
.recettes-aromatherapie-accueil .view-content {
    display: flex;
    flex-wrap: wrap;
}
.list-guide-he a#edit-tid-problematique-515 { /* grossesse */
    display:none;
}
.list-guide-he .glossary-products ul {
    display: flex;
    align-items: stretch; /* Default */
    justify-content: space-between;
    width: 100%;
    background: #efdff1;
    margin: 0;
    padding: 0;
}
.list-guide-he  .glossary-products ul li {
    display: block;
    flex: 0 1 auto; /* Default */
    list-style-type: none;

    margin: 0 10px;
}
.list-guide-he  .glossary-products ul li a {
    width: 15px;
    text-align: center;
    display: block;
    background: #89688f;
    color:#fff;

}
.list-guide-he  .glossary-products ul li a:hover {
    color:#89688f;
    background: #fff;
}
.list-guide-he  .glossary-products ul li a.disabled {
    pointer-events: none;
    background:#ccc;
}
.list-guide-he .products .product-card,
.recettes-aromatherapie .view-content .views-row,
.recettes-aromatherapie-accueil .view-content .product-card{
    display: flex;
    flex-direction: column;

    margin: 10px 1%;
    flex: 1 20%;
    max-width: 23%;
    background-color: #FFF;
    box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.25);
    background: -moz-linear-gradient(top, #fff 80%,#fff 80%,#eeeeee 80%);
    background: -webkit-linear-gradient(top, #fff 80%,#fff 80%,#eeeeee 80%);
    background: linear-gradient(to bottom, #fff 80%,#fff 80%,#eeeeee 80%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
}
.list-guide-he .products .product-card:hover ,
.list-guide-he .products .product-card.active,
.recettes-aromatherapie-accueil .view-content .product-card:hover,
.recettes-aromatherapie-accueil .view-content .product-card.active {
    box-shadow: 5px 5px 5px 0px rgba(160, 17, 112,.5);
}
.list-guide-he .products .product-images
{
    position: relative;
    overflow: hidden;
}
.list-guide-he .products.compact .product-images,
.recettes-aromatherapie-accueil .view-content .product-card .product-images{
    position: relative;
    overflow: hidden;
    height: 180px;
}

.list-guide-he .products .product-images  img:first-child,
.recettes-aromatherapie-accueil .view-content .product-card img:first-child {
    width: 253px!important;
    height: 300px!important;
    margin: 0 10px;
    margin-top: -54px;
    margin-left: -10px;
}
.list-guide-he .products.compact .product-images  img:first-child,
.recettes-aromatherapie-accueil .view-content .product-card img:first-child{
    margin-top: -54px;
    margin-left: -19px;
}
.list-guide-he .products .product-images img:nth-child(2),
.recettes-aromatherapie-accueil .view-content .product-card img:nth-child(2){
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    width: 50px;
}

.list-guide-he .products .product-info,
.recettes-aromatherapie-accueil .view-content .product-card .product-info{
    /*margin-top: auto;*/
    text-align: center;
    background: #eee;
    padding-bottom: 10px;
}
.recettes-aromatherapie-accueil .view-content .product-card .product-info{
    background-color: #fff;
}

.list-guide-he .products .product-info h3,
.recettes-aromatherapie-accueil .view-content .product-card .product-info h3{
    padding:5px 0 0 0;
    margin: 0;
}
.recettes-aromatherapie-carrousel {
    position: relative;
}
.recettes-aromatherapie-carrousel #recette-moment-slider {
    width:100%;
}
.recettes-aromatherapie-carrousel #recette-moment-slider  ul {
    display: flex;
}
.recettes-aromatherapie-carrousel #recette-moment-slider  li {
    align-items: center;
}
.recettes-aromatherapie-carrousel #recette-moment-slider  li>div {
    margin:5px 0;
}
.list-guide-he .products .product-link {
    border: 1px solid #eee;
    border-width: 1px 0 0 0;
    margin-top: auto;
    padding-top: 5px;
    text-decoration: none;
}
.list-guide-he .products a.product-link img{
    float:left;
    margin-right: 5px;
}
.list-guide-he .products .product-link h3 {
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
}
@media ( max-width: 920px ) {

    .list-guide-he .products .product-card,
    .recettes-aromatherapie-accueil .view-content .product-card {
        flex: 1 21%;
        max-width: 21%;
    }


}

@media ( max-width: 600px ) {

    .list-guide-he .products .product-card,
    .recettes-aromatherapie-accueil .view-content .product-card {
        flex: 1 46%;
        max-width: 46%;
    }

}
/* .recettes-aromatherapie  */
.recettes-aromatherapie .view-header {
    height: auto;
    position:relative;
    line-height:1.35em;
}
.recettes-aromatherapie>.view-header .header-wrapper,
.recettes-aromatherapie-accueil>.view-header .header-wrapper {

    display: flex;
    position: relative;
}
.recettes-aromatherapie h1.titre-problematiques-recette {
    font-size: 20px;
}
.recettes-aromatherapie .view-header .header-wrapper .content-wrapper h1 {
    background-position: 0 5px;
    margin-bottom: 5px;
}
.recettes-aromatherapie .view-header .header-wrapper .content-wrapper p {
    font-size: 15px;
    line-height: 1.5em;
}
.recettes-aromatherapie .view-header .header-wrapper .content-wrapper .list-prob {
    margin-top:10px;
}
.recettes-aromatherapie .view-header .header-wrapper .content-wrapper .links-wrapper {
    display: flex;
    justify-content: space-between;
    margin: 0 30px;
    line-height: 1.35em;
    font-size:10px;
}
.recettes-aromatherapie .view-header .header-wrapper .content-wrapper .links-wrapper a {
    color: #815c88;
    background: transparent url(/skin/frontend/default/aromazone/images/interface/puces/puce-violet.png) 98% 50% no-repeat;
    font-weight: bold;
    padding: 5px 15px 5px 5px;
    margin: 0;
    border-radius: 3px 0 3px 0;
    font-size: 10px;
    border-width: 0 0 1px 0px;
}
.recettes-aromatherapie .view-header .header-wrapper .content-wrapper .links-wrapper a:hover {
    color: #fff;
    background: #815c88 url(/skin/frontend/default/aromazone/images/interface/puces/puce-blanc.png) 98% 50% no-repeat;
}
.recettes-aromatherapie .view-header .header-wrapper img {
    margin: 13px 20px 0 13px;
    max-height: 208px;
    max-width: 309px;
    flex: 1;
}

.recettes-aromatherapie>.view-header .formule-jump-wrapper{
    height: auto;
    position: absolute;
    z-index: 100;
    background: transparent;
    right: 2px;
    bottom: -38px;

}
.recettes-aromatherapie .view-header .formule-jump-wrapper>div {
    background: #fff;
    border-radius: 8px;
    margin: 5px;
    padding: 0;
    height: 27px;
}
.recettes-aromatherapie .recettes-aromatherapie-accueil .view-header .formule-jump-wrapper>div {
    margin: 0;
}
.recettes-aromatherapie .view-header .formule-jump-wrapper div.container-inline>div {
    display: flex;
    line-height: 1.35em;
    align-items: center;
    justify-content: center;
    height: 27px;
}
.recettes-aromatherapie .view-header .formule-jump-wrapper div.container-inline>div label {
    padding: 3px 0 0 6px;
    display: none;
}
.recettes-aromatherapie .view-header .formule-jump-wrapper select {
    border: none;
    margin: 0 10px;
    width:200px;
}
.recettes-aromatherapie .recettes-aromatherapie-accueil .view-header .formule-jump-wrapper select {
    width:215px;
}
.recettes-aromatherapie .view-count-wrapper,
.recettes-aromatherapie .view-display-id-block_1 .formule-jump-wrapper{
    height: 27px;
    background: #815c87;
    padding: 6px 0;
    width: 100%;
    position: relative;
    z-index: 10;
    margin-bottom: 20px;
}
.recettes-aromatherapie .view-count {
    padding: 6px 0 0 10px;
    color: #fff;
}
.recettes-aromatherapie .view-content .views-row {
    flex: 1 25%;
    max-width: 50%;
    background:#fff;
    padding:10px;
}
.recettes-aromatherapie .view-content>h3 {
    width:100%;
    border-bottom: 1px solid #eee;
    margin: 0 10px;
    padding-bottom: 5px;
    position: relative;
    padding-left:15px;
}
.recettes-aromatherapie .view-content>h3::before {
    width: 10px;
    height: 100%;
    display: block;
    background: #b0c700;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
}
.recettes-aromatherapie .view-content .views-row h3 {
    margin-bottom:0;
}
.recettes-aromatherapie .view-content .views-row h2 {
    color: #5d5d5d;
}

.recettes-aromatherapie  .attachement-wrapper,
.recettes-aromatherapie .attachement-wrapper ul.auteurs-aromatherapie {
    display: flex;
}
.recettes-aromatherapie .attachement-wrapper ul.auteurs-aromatherapie {
    align-items: center;
}
.recettes-aromatherapie .attachement-wrapper ul.auteurs-aromatherapie li a{
    padding: 5px;
    border: 1px solid #eee;
    margin: 5px;
}
.recettes-aromatherapie .view-content .views-row .views-field-field-bb-contenu-value ul{
    margin-left: 0;
    padding-right: 0;
    list-style-type: none;
    margin:10px;

}
.recettes-aromatherapie .view-content .views-row .views-field-field-bb-contenu-value ul li {
    position: relative;
    line-height: 1.55em;
}
.recettes-aromatherapie .view-content .views-row .views-field-field-bb-contenu-value ul li::before {
    content: "•";
    color: #9a7aa0;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    width: 10px;
    position: absolute;
    left: -12px;
}
.recettes-aromatherapie-accueil .formule-jump-wrapper {
    display: flex;
    justify-content: space-around;
}
.recettes-aromatherapie-accueil .view-content .product-card {
    background: #ffffff;
}
.recettes-aromatherapie-accueil .product-card ul {
    max-height: 200px;
    overflow-x: auto;
    padding: 0 10px;
    margin-top: 10px;
}

.recettes-aromatherapie-accueil .product-card li a {
    font-size: 9px;
    white-space: nowrap;
    max-width: 95%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.recettes-aromatherapie-accueil .product-card li {
    padding: 3px 5px;
    border-radius: 8px;
}
/*.auteurs-aromatherapie*/
/* Documentation ========================================================================= */

/** Top menu ***/
.content-top-blocks .block { border: none; margin-bottom: 10px; }
.top-menu { list-style: none; margin: 0; height: 127px; }
.top-menu li { list-style: none; margin: 0; padding: 0; float: left; margin-left: 10px; display: block;  background: #f0ebf0; font-size: 11px; }
.top-menu li:first-child { margin: 0; }
.top-menu li:hover,
.top-menu li.active { background: transparent url(../images/interface/background/bg-doc-sub-menu.jpg) top left no-repeat; }
.top-menu li a { color: #808080;display: block; height: 107px; width: 168px;  display: block; padding: 0px 10px; padding-top: 20px; position: relative; }
.top-menu li:hover a,
.top-menu li.active a { color: #FFF; }
.top-menu li  a .link-title { color: #815c87; text-transform: uppercase; font-size: 15px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; }
.top-menu li:hover a .link-title,
.top-menu li.active a .link-title{ color: #FFF; }
.top-menu li a .btn-access { position: absolute; bottom: 12px; right: 10px; text-transform: uppercase; padding-right: 15px; background: transparent url(../images/interface/puces/puce-violet.png) right center no-repeat; font-weight: bold; }
.top-menu li:hover a .btn-access,
.top-menu li.active a .btn-access{ background: transparent url(../images/interface/puces/puce-blanc.png) right center no-repeat; }

.container-items { display: block; width: 168px; height: 107px; float: left; margin-left: 20px; display: block;  background: #f0ebf0; font-size: 11px; padding: 10px; padding-top: 15px;  position: relative; margin-bottom: 20px; }
.container-items.first.odd { margin-left: 150px; }
.container-items.first.even { margin-left: 245px; }
.container-items:hover { background: transparent url(../images/interface/background/bg-doc-sub-menu.jpg) top left no-repeat; }
.container-items a { color: #808080;  display: block; }
.container-items:hover a { color: #FFF; }
.container-items .link-title a { color: #815c87; text-transform: uppercase; font-size: 15px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; }
.container-items:hover .link-title a { color: #FFF; }
.container-items .btn-access { position: absolute; bottom: 12px; right: 10px; text-transform: uppercase; padding-right: 15px; background: transparent url(../images/interface/puces/puce-violet.png) right center no-repeat; font-weight: bold; }
.container-items:hover .btn-access { background: transparent url(../images/interface/puces/puce-blanc.png) right center no-repeat; }




/** H1 Nos conseils ancienne page Documentation ***/
#node-20456 h1 {background: transparent url(/cms/sites/default/files/contenu/nos-conseils/bandeau-nos-conseils.jpg) no-repeat scroll left top; height: 99px; width: 570px; color:#815D87;font-size: 21px;line-height: 24px;padding-left: 360px;font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; margin-bottom: -74px; padding-top:24px; margin-left: 14px; }

.nos-conseil-presentation {margin-right: 44px; padding:0 0 31px 372px; font-family: HelveticaNeueMediumCondRg, Helvetica, sans-serif; font-size: 12px; line-height: 14px;}

.nos-conseils-menu {margin-left: 11px; height:350px;}

.nos-conseils-menu-left{float:left; width: 612px;  }

.nos-conseils-block-left{float:left; background:#F0EBF0; height: 151px; width: 293px; margin-right:12px; margin-top:12px;}

.nos-conseils-image {float:left;}

.nos-conseils-title-left { float:left; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; color:#815D87;font-size: 21px; text-transform: uppercase; line-height: 22px; margin-top:5px; margin-bottom:1px; }
.nos-conseils-title-left-one-line {line-height:45px; height: 45px; float:left; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; color:#815D87;font-size: 21px; text-transform: uppercase; line-height: 22px; margin-top:5px; margin-bottom:1px; }
.nos-conseils-desc-left {float:left; width: 180px; margin-top:3px;  margin-bottom:6px; color:#666666; font-family: HelveticaNeueMediumCondRg, Helvetica, sans-serif;font-size: 13px; line-height: 14px;}
.nos-conseils-link-left { float:left;  background: transparent url(../images/interface/puces/puce-violet.png) left center no-repeat;text-transform: uppercase; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; font-size: 14px;line-height: 15px; width: 180px;}

.nos-conseils-link-left a{padding-left: 7px; text-decoration: underline;}
.nos-conseils-link-left:hover a {padding-left: 7px; opacity:0.7; text-decoration: underline; }

.nos-conseils-menu-line {float:left; margin-top: 12px; height: 314px; border-right: 1px solid #C4B2A4;}

.nos-conseils-menu-right{float:left; width: 305px;   }

.nos-conseils-block-right{float:left; background:#ede8e4; height: 151px; width: 293px; margin-left:13px; margin-top:12px;}

.nos-conseils-title-right { float:left; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; color:#736357; font-size: 21px; text-transform: uppercase; line-height: 22px; margin-top:5px; margin-bottom:1px;  }
.nos-conseils-title-right-one-line {height: 45px; float:left; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; color:#736357;font-size: 21px; text-transform: uppercase; line-height: 22px; margin-top:5px; margin-bottom:1px;  }
.nos-conseils-desc-right { float:left; width: 180px; margin-top:3px;  margin-bottom:6px; color:#736357; font-family: HelveticaNeueMediumCondRg, Helvetica, sans-serif;font-size: 13px; line-height: 14px;}
.nos-conseils-link-right {  float:left;  background: transparent url(../images/interface/puces/puce-brun.png) left center no-repeat;text-transform: uppercase; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; font-size: 14px;line-height: 15px; width: 180px;}

.nos-conseils-link-right a{padding-left: 7px; color:#736357; text-decoration: underline;}
.nos-conseils-link-right:hover a {padding-left: 7px; opacity:0.7; color:#736357; text-decoration: underline;  }

/* NOS CONSEILS Smartphones Media query
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

.nos-conseils-menu {height:3000px;
background:#FFF; width:100%; float:none; display:block; margin:0 0 0 0; padding:0 0 0 0;}

.nos-conseils-menu-left{float:none; display:block; width: 100%;  }
.nos-conseils-block-left{float:none; background:#F0EBF0; height: 100%; width: 100%; margin-right:12px; margin-top:12px;}
.nos-conseils-title-left { float:none; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; color:#815D87;font-size: 21px; text-transform: uppercase; line-height: 22px; margin-top:5px; margin-bottom:1px; }
}
*/

/* Calculateur de saponification ========================================================================= */
#block-saponification-calculator { padding: 20px; background: #FFF; font-size: 12px; }
#block-saponification-calculator h3 { color: #4b4b4b; font-size: 16px; line-height: 18px; padding-left: 38px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; text-transform: uppercase; background: transparent url( ../images/interface/puces/puce-logo-medium.png) center left no-repeat; font-weight: normal; margin: 10px 0; }
.form-calculator .disabled {border: none; background: #eeeeee; text-align: center; color: #808080;  }
.form-calculator .loader { height: 26px; margin-top: 10px; float: right; margin-right: 10px; }
.form-calculator .form-submit { background: transparent url(../images/interface/background/bg-btn-gris.jpg) top left repeat-x; color: #FFF; font-size: 14px; font-weight: bold; height: 26px; line-height: 26px; cursor: pointer; }
.form-calculator .btn-reset { float: right; margin-top: 10px; clear: right; margin-bottom: 10px; }
.form-calculator .left { width: 288px; }
.form-calculator .left.sapo { width: 649px; }
.form-calculator .btn-add { background: none repeat scroll 0 0 #815C88; color: #FFFFFF; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; line-height: 26px; padding: 0 7px; text-transform: uppercase;/*background: transparent url(../images/interface/button/btn-plus-sapo.png) top left no-repeat;*/ display: block; /*text-indent: -999em; overflow: hidden; width: 32px;*/ height: 26px; float: left; border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; -ms-border-radius: 0px 0px 5px 5px; -o-border-radius: 0px 0px 5px 5px;}
.form-calculator .btn-add span { font-size: 25px; line-height: 15px; padding-right: 5px; }
.form-calculator .container-table { border: 1px solid #dcdcdc; margin-top: 15px; }
.form-calculator #select-ingredient { border: none; border: none; padding: 5px; width: 100%; }
.form-calculator #select-ingredient option:hover { background: #8068a6; color: #FFF; }
.form-calculator .msg { font-weight: bold; padding: 7px 4px; font-size: 12px; color: #fc4eac; }
.table-sapo {}
.table-sapo .header-table { background: #eeeeee; font-size: 12px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; color: #333333; padding: 5px; text-align: center; vertical-align: middle; }
.table-sapo .header-table em { font-style: normal; font-family:Arial, Helvetica, sans-serif; font-size: 10px; display: block; }
.table-sapo .header-table.col-select-huiles { height: 31px; padding: 10px 5px; }
.table-sapo td { padding: 5px 7px; text-align: center; vertical-align: middle; }
.table-sapo .form-text { border: none; border-bottom: 1px dashed #333; background: #FFF; text-align: center; color: #333333; }
.table-sapo .form-text.disabled { border: none; background: #eeeeee; text-align: center; color: #808080; }
.table-sapo .form-ingredient { width: 250px; text-align: left; }
.table-sapo .msg { background: #fc4eac; color: #FFF; }
.table-sapo .msg hr { border: none; background: #FFF; margin: 10px 0; height: 1px; }
.table-sapo .form-text.modification { font-style: italic; }
.table-sapo .btn-remove-sapo {font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; background: none repeat scroll 0 0 #815C88; border-radius: 5px 5px 5px 5px; color: #FFFFFF; display: block; font-size: 20px; font-weight: bold; height: 18px; line-height: 16px; width: 18px; }

.container-totals { float: right; padding-right: 4px; padding-top: 4px; position: relative; }
.container-totals .msg { position: absolute; top: 20px; left: -50%; padding: 2px 5px;  }
.container-totals .msg.info { position: absolute; top: 5px; left: -50%; padding: 2px 5px;  }
.container-totals .form-item label,
.container-totals .form-item .form-item { float: left; padding-left: 10px; }
.container-totals label { font-size: 12px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; color: #333333; text-transform: uppercase;}

.form-calculator #edit-select-soude-wrapper { clear: both; }
.form-calculator #edit-concentration-massique-wrapper { padding-top: 10px; }
.form-calculator #edit-select-soude-wrapper {  }
.form-calculator #edit-concentration-massique-wrapper label,
.form-calculator #edit-surgraissage-additionnel-wrapper label,
.form-calculator #edit-select-soude-wrapper label { font-size: 12px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; color: #333333; text-transform: uppercase; }
.form-calculator #edit-select-soude-wrapper,
.form-calculator #edit-surgraissage-additionnel-wrapper { border-top: 1px dashed #89688f; margin-top: 10px; padding-top: 10px}
.form-calculator #edit-surgraissage-additionnel-wrapper label { width: 320px; display: block; float: left; padding-right: 10px; }
.form-calculator #edit-surgraissage-additionnel-wrapper .form-text { clear: both; }
.form-calculator #edit-calculate { float: right; margin-top: 10px; }

.container-result { display: none; }
.container-result hr { border: none; margin: 20px 0; height: 1px; background: #89688f; }
.container-result .qty-eau,
.container-result .result,
.container-result .container-formule { border-bottom: 1px dashed #89688f; margin-bottom: 15px; padding-bottom: 15px; }
.container-result .table-sapo { border: 1px solid #dcdcdc; color: #333333; }
.container-result .table-sapo td { border-left: 1px solid #dcdcdc; font-size: 11px; }
.container-result .table-sapo td:first-child { border-left: none; }
.container-result .table-sapo .rose { background: #f9cce0; }
.container-result .table-sapo .vert-fonce { background: #F8FFBF; }
.container-result .table-sapo .vert { background: #e3ec9d; }
.container-result .table-sapo .bleu { background: #aee5fa; }
.container-result .block { background: #F0EBF0; padding: 10px; margin: 10px 0; }
.container-result .block p { margin-bottom: 5px; }
.container-result .block  em,
.container-result .block b { color: #815C87; font-weight: bold; }


/* Pdf printer ========================================================================= */
body.print-content,
body.print-content .node { background: #FFF; }
body.print-content .recipe-top .block-pictos { padding-top: 16px; }
body.print-content .recipe-top .block-pictos .picto { display: inline-block; margin-top: 0; }
body.print-content .recipe-top .box-share .average { float: none; height: 34px; }
body.print-content div.fivestar-widget-static .star  { display: inline-block; }
body.print-content .recette-culinaire .right.two-columns,
body.print-content #recipe-cart,
body.print-content #comments { display: none; }


/* Webform ============================================================================== */
.mdcore-contact-demande-concernant-la-commande .submitted,
.mdcore-contact-demande-dinformation .submitted,
.mdcore-contact-suggestion .submitted,
.mdcore-contact-pro .submitted,
.mdcore-contact-blog-ou-forum .submitted,
.mdcore-contact-demande-de-catalogue .submitted {display:none;}


.webform-client-form input[type="text"] {width: 180px;}
.webform-client-form .form-item {padding: 5px 0;}
.webform-client-form label {float: left;color: #555;font-weight: bold;width: 145px; display:block;}
.webform-client-form label .form-required {color:#EB340A;}
.webform-client-form .form-actions {clear:both; min-height: 35px;padding-top: 8px;}
.webform-client-form .form-actions .form-submit{float:right;}
.webform-client-form .form-checkboxes label {width: auto !important;font-weight:normal;}
.webform-client-form .form-radios .form-item {float:left; margin: 0 5px;}
.webform-client-form .form-radios label {width: auto !important;display:inline;}
.webform-client-form  textarea {width: 300px;}
.webform-client-form  select {width: 190px;}
.webform-client-form  legend {display:block; border-bottom: 1px solid #d9cedb; width: 338px; padding: 20px 0 5px;margin-bottom: 10px;font-size: 14px; font-weight: bold; color:#654565;}
.webform-client-form  legend+div{padding-top: 15px;}
.webform-component {clear:both;}
.webform-component #edit-submitted-demande-titre-de-la-demande,
.webform-component #edit-submitted-demande-type-de-demande { width: 300px; }
.webform-client-form .form-actions { /*float: right;*/ }
.webform-client-form .btn-cancel { /*margin-top: 8px;*/ float: right; margin-right: 8px; }

.webform-confirmation  {padding: 20px;}
.webform-confirmation+.links {display:none;}

#webform-client-form-13473>div{ /*width: 473px;*/ }

.node-classic .bdc ul li { line-height: 1.2em; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; font-size: 1.8em; padding: 0.5em 2em; border-bottom: 1px solid #f7f7f7; background: transparent url("/cms/sites/default/files/Dossier_thematique/commun/titre_DT.jpg") center left no-repeat; }

/*#edit-submitted-checkboxes-1-wrapper {padding-left: 135px;}*/
#edit-submitted-nombre-de-catalogues-souhaites-wrapper .description {position:relative;float:left;}
#edit-submitted-nombre-de-catalogues-souhaites-wrapper input{ background: transparent url(../images/interface/background/bg-quantity.png) top left no-repeat; border: none; width: 57px !important; height:26px; line-height: 26px; text-align: center; display: block; color: #FFF; padding:0; font-size: 14px; font-weight: bold; padding-right: 12px; float: left;}
#edit-submitted-nombre-de-catalogues-souhaites-wrapper .number-spinner{position:absolute; left:-24px;}
#edit-submitted-nombre-de-catalogues-souhaites-wrapper .number-spinner a{  border: none; width: 10px; height:10px; line-height: 10px; text-align: center; display: block; color: #FFF; padding:0; text-indent: -9999px; overflow: hidden; cursor: pointer; margin: 2px 0; }
#edit-submitted-nombre-de-catalogues-souhaites-wrapper .number-spinner a.plus{ background: transparent url(../images/interface/button/btn-plus.png) top left no-repeat; }
#edit-submitted-nombre-de-catalogues-souhaites-wrapper .number-spinner a.moins{ background: transparent url(../images/interface/button/btn-moins.png) top left no-repeat;}

#webform-component-informations-client fieldset{width: 49%;float:left;}
#webform-component-informations-client fieldset+fieldset {padding-left: 2%;border-left: 1px solid #d9cedb;}

#webform-client-form-13477 label {width: 150px;}
#edit-submitted-informations-commande-checkboxes-1-wrapper {padding-top: 15px;}
#edit-submitted-informations-commande-checkboxes-1-wrapper label {width: auto;}

#webform-component-informations-commande {clear:both;}
#webform-component-informations-commande input[type='text'] {width: 300px;}
#webform-component-informations-commande select {width: 310px;}
#webform-component-informations-commande legend {width: 460px;}

.webform-component-table-element { margin-left: 135px; }
.webform-component-table-element .webform-component-textfield { padding-right: 10px; }
.webform-component-table-element th { color: #555555; font-weight: bold;  }
.webform-component-table-element th:first-child,
.webform-component-table-element td:first-child { overflow: hidden; text-indent: -999em; width: 0; padding: 0; }
.webform-component-table-element #webform-component-informations-commande--produits--row--produits--29--row--produits--ref--29 input,
.webform-component-table-element #webform-component-informations-commande--produits--row--produits--30--row--produits--ref--30 input,
.webform-component-table-element #webform-component-informations-commande--produits--row--produits--31--row--produits--ref--31 input,
.webform-component-table-element #webform-component-informations-commande--produits--row--produits--29--row--produits--num--29 input,
.webform-component-table-element #webform-component-informations-commande--produits--row--produits--30--row--produits--num--30 input,
.webform-component-table-element #webform-component-informations-commande--produits--row--produits--31--row--produits--num--31 input { width: 100px; }

#webform-component-checkboxes,
#webform-component-demande--checkboxes { padding-left: 120px; color: #4B4B4B; background: transparent url(../images/newsletter.png) left center no-repeat; }
#webform-component-checkboxes .option,
#webform-component-demande--checkboxes .option { display: block; float: none; font-family: HelveticaNeueBoldCond; font-size: 18px; text-transform: uppercase; }

#webform-component-demande {clear:both;}
#webform-component-demande legend {width: 460px;}

#webform-component-informations-personnelles {float:left;width: 49%;}
#webform-component-informations-complementaires {float:left;width: 48%;padding-left: 2%;border-left: 1px solid #d9cedb;}

#webform-client-form-15495 .webform-client-form label { width: 175px; }
#webform-client-form-15495 .webform-client-form input[type="text"],
#webform-client-form-15495 .webform-client-form select { width: 300px; }

fieldset#webform-component-nos-questions---vos-reponses div label {width:100%;}
fieldset#webform-component-nos-questions---vos-reponses div div.form-checkboxes div label {float:none;padding:0 10px 0 5px;}

#start-20845 {cursor:pointer;margin:auto;width:200px;text-align:center;}
form#webform-client-form-20845 {display:none;}
#webform-client-form-20845.webform-client-form label { width: 30%; }
#webform-client-form-20845.webform-client-form div fieldset#webform-component-informations-personnelles { width: 100%; display:none; }
#webform-client-form-20845.webform-client-form div fieldset legend { width: 100%; }
#webform-client-form-20845.webform-client-form div div.form-checkboxes div label {float:none;padding:0 10px 0 5px;}
#webform-client-form-20845.webform-client-form div div.form-checkboxes {width:70%;float:right;}
#webform-client-form-20845.webform-client-form div div.form-checkboxes div.form-item:nth-child(even) {width:50%;float:right;clear:right;}
#webform-client-form-20845.webform-client-form div div.form-checkboxes div.form-item:nth-child(odd) {width:50%;float:left;clear:left;}
#webform-component-l-offre-aroma-zone--quels-sont-les-points-sur-lesquels-aroma-zone-devrait-selon-vous-sameliorer {padding-top:20px;}
#webform-client-form-20845.webform-client-form div fieldset div.description ul li {background:none;color: #654565;font-weight: bold;}

#start-21036{cursor:pointer;margin:auto;width:200px;text-align:center;}
form#webform-client-form-21036{display:none;}
#webform-client-form-21036.webform-client-form label { width: 60%; }
#webform-client-form-21036.webform-client-form div fieldset#webform-component-informations-personnelles { width: 100%; display:none; }
#webform-client-form-21036.webform-client-form div fieldset legend { width: 100%; }
#webform-client-form-21036.webform-client-form div div.form-checkboxes div label {float:none;padding:0 10px 0 5px;}
#webform-client-form-21036.webform-client-form div div.form-checkboxes {width:70%;float:right;}
#webform-client-form-21036.webform-client-form div div.form-checkboxes div.form-item:nth-child(even) {width:50%;float:right;clear:right;}
#webform-client-form-21036.webform-client-form div div.form-checkboxes div.form-item:nth-child(odd) {width:50%;float:left;clear:left;}
#webform-client-form-21036.webform-client-form div fieldset div.description ul li {background:none;color: #654565;font-weight: bold;}

.mdcore-contact-index .node-classic {background: #ffffff; padding-left:32px; padding-right:20px; padding-top:0px;}

.contact_list_form {margin:auto;}
.contact_list_form td {padding: 15px 0;background: #ded9dd;color: #794e7f;}
.contact_list_form td p {color: #794e7f;margin:0;padding-left: 5px;}
.contact_list_form td ul {margin-left: 5px;padding-bottom: 15px;}
.contact_list_form td ul>li {padding-left: 8px;padding-bottom:0;}
.contact_list_form td ul li li {background: none;padding:0; }
.contact_list_form td ul ul {margin:0; }
.contact_list_form .td-separator {background: none;}

.contact_pro {background: url('../images/interface/background/bg_contact_pro.jpg') 0 0 no-repeat; width: 788px; height: 90px; margin: 10px auto 0; padding-left: 130px; padding-top: 10px; color:#815c87; border: 2px solid #ded9dd}
.contact_pro h4 {font-family:HelveticaNeueBoldCond;font-weight: normal;font-size: 15px;float:left; width: 338px;}
.contact_pro ul {float:left; width: 430px;padding-top: 5px;}
.contact_pro ul li{float:left; color:#815c87;width: 45%;display:block;color: #815c87; }
.contact_pro ul li a{color:#815c87;}

.print_pdf .print-content .links-top,
.print_pdf .print-content .addthis_toolbox {display:none;}

.node-classic {min-height: 270px;}
.mdcore-calculateur-de-saponification-index .node-classic { min-height: inherit; }
.node-classic .legend-vausselin p{float:left;text-align: center;}
.node-classic .legend-vausselin .valerie{margin-left: 150px;}
.node-classic .legend-vausselin .pierre{margin-left: 112px;}
.node-classic .legend-vausselin .anne{margin-left: 120px;}
.node-classic h1, .category-description h1, .view-header h1, .col-main>.page-title>h1 {clear:both;color:#4B4B4B;font-size: 24px;line-height: 24px;padding-left: 38px;font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial;text-transform: uppercase;background:transparent url(../images/interface/puces/puce-logo-medium.png) center left no-repeat;font-weight: normal;margin: 0 0 25px;}

.node-classic h2 {clear:both;color:#815c88;font-size: 22px;line-height: 22px;font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial;text-transform: uppercase;margin: 30px 0 15px;}
.node-classic h3 {clear:both;color:#4b4b4b;font-size: 16px;line-height: 16px;font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial;text-transform: uppercase;padding: 12px 0 5px;margin:0;}
.node-classic h4 {clear:both;color:#815c88;font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial;}
.node-classic .video { position:relative; display:block; float:left; margin: 0 10px 10px 0;}
.node-classic .video .btn-play{background:transparent url(../images/interface/button/btn-play.png) 0 0 no-repeat; width: 68px; height: 68px; position:absolute; top:50%; left: 50%; z-index: 50; margin: -34px 0 0 -34px; cursor: pointer;}
.node-classic .separator {border-bottom: 1px dashed #89688F; margin: 15px 0;clear:both;}
.node-classic p+ul {margin:-1em 0 1em 0;}
.node-classic ul li { line-height: 14px;}

.node-classic .distributeur { float: left; width: 45%; margin: 1% 0 1% 2%;height: 150px; background: #EFEFEF;border: 1px solid #E4CEE7;padding: 10px;color:#5f5f5f;
    -webkit-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);

}
.node-classic .distributeur .adresse {float:left; width: 31%;  font-size: 10px; }
.node-classic .distributeur .description {float:left; width: 65%; margin-left: 5px;border-left: 1px solid #c2c2c2;padding-left: 8px;min-height: 110px;}

.presse-container .fiche-accordion-content { padding: 20px 0;}
.node-classic .presse-item { float:left; width: 205px; height: 250px; margin: 5px 15px; text-align:center;  position: relative;}
.node-classic .presse-item h3 {margin: 12px 0 0;padding:0;}
.node-classic .presse-item .img { height: 185px; position: relative;}
.node-classic .presse-item.taxo_607 .img,.node-classic .presse-item.taxo_657 .img,.node-classic .presse-item.taxo_803 .img{ height: 70px; }
.node-classic .presse-item.taxo_607, .node-classic .presse-item.taxo_657, .node-classic .presse-item.taxo_803 { height: 120px; }
div.presse-item.taxo_803 div.img a.video img {height:70px;width:184px;}
.node-classic .presse-item .img-source { position:absolute; bottom:0;left:0;text-align:center; width: 205px; margin:auto;}
.node-classic .presse-item .img-source img{ -webkit-box-shadow: 0px -2px 10px 2px rgba(0, 0, 0, 0.3);box-shadow: 0px -2px 10px 2px rgba(0, 0, 0, 0.3);}
.node-classic .remuneration h3,
.node-classic .type_contrat h3,
.node-classic .date_debut h3 {display:inline-block;padding-right: 10px;}
.node-classic .localisation-poste {color: white;background: #815c88;font-family: arial,helvetica,sans-serif;font-size: 12px;font-weight: normal;text-transform: none;vertical-align: top;padding: 2px 5px;letter-spacing: 1px;}
.node-classic .contact {padding-top: 15px;}
.node-classic .table-tarifs {border: 1px solid #815C88;}
.node-classic .table-tarifs th { background:#815C88; color:#ffffff; font-weight: bold;}
.node-classic .table-tarifs td,.node-classic .table-tarifs th {padding: 5px 8px;}

.node-classic .map-tarifs #bulle { position: absolute; visibility: hidden;  font-size:13px; min-width:150px;}
.node-classic .map-tarifs .info{ border:1px solid #666666; padding: 7px; color:#666666; background-color:#FFFFFF; font-family:"century gothic";}
.node-classic .map-tarifs h2{margin: 0 0 0 0; font-variant:small-caps; color:#CC0066; text-align:left;}
.node-classic .map-tarifs ul{margin: 0 0 0 0; padding: 0 10px 0 30px; text-align:left;}
.node-classic .map-tarifs li{ list-style-image:url(images/fiche-technique/graphisme-commun/puce_02.gif)}

.view-offres-emploi .view-header {height:750px; color: #815c87; font-size: 15px; font-weight: bold; line-height: 27px;}
.view-offres-emploi .view-header h1 {clear:both;color:#4B4B4B;font-size: 24px;line-height: 24px;padding-left: 38px;font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial;text-transform: uppercase;background:transparent url(../images/interface/puces/puce-logo-medium.png) center left no-repeat;font-weight: normal;margin: 15px 0 25px;}
.view-offres-emploi .view-header h2 {clear: both; background-color: #815c88; margin-bottom: 15px; display: block; height: 40px; line-height: 40px; font-size: 20px; color: #FFF; font-family:HelveticaNeueLTStdBdCn,sans-serif; font-weight: normal; text-transform: uppercase; padding: 0 20px; }
.view-offres-emploi .view-header h3 { background-color: #815c88; margin-bottom: 15px; width:184px; height: 40px; line-height: 40px; font-size: 20px; color: #FFF; font-family:HelveticaNeueLTStdBdCn,sans-serif; font-weight: normal; text-transform: uppercase; padding: 0 20px; }

/*.view-offres-emploi .view-header a{color:#815c87; }
.view-offres-emploi .view-header:hover a {opacity:0.7; color:#815c87; }*/

.view-offres-emploi .node-classic { padding-top:0;}
.view-offres-emploi .node-classic h2 {padding: 15px 0 10px;margin:0;}
.view-offres-emploi .node-classic h3 {padding: 10px 0 5px;}
.views-row+.views-row {margin-top: 10px;}

.map-monde{position:relative;}
.map-monde .infos {background: #ffffff; border:1px solid #815C88; padding: 10px;-webkit-box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.2);

}
.map-monde .infos h2 {margin: 0; padding:0 0 5px;}
.map-monde .infos ul {margin: 0; }
.map-monde .infos ul li{white-space: nowrap; padding: 2px 0 2px 10px;}

.gmap-frais-port {}
.gmap-frais-port .gmap-popup { color: #88608e; position: relative; /* margin-top: -12px; */ }
.gmap-frais-port .gmap-popup .views-field-country  { text-transform: uppercase; font-size: 16px; font-weight: bold; padding: 0; height: auto; }
.gmap-frais-port .gmap-popup div { clear: both; padding-bottom: 5px; height: 14px; }
.gmap-frais-port .gmap-popup label { background: transparent url(../images/interface/puces/puce-logo-small.png) left center no-repeat; padding-left: 22px; float: left; }
.gmap-frais-port .gmap-popup .field-content { float: right; font-weight: bold; }
.gmap-frais-port .views-field-country .field-content { float: none !important; display: block; }
.gmap-frais-port .views-field-field-fp-montant-franco-port-value { text-align: center; border-top: 1px dashed #88608e; margin-top: 3px; padding-top: 5px; padding-bottom: 7px; }
.gmap-frais-port .views-field-field-fp-montant-franco-port-value label { float: none; padding: 0; background: none; }
.gmap-frais-port .views-field-field-fp-montant-franco-port-value .field-content { float: none; }
.gmap-frais-port .gmap-popup .views-field-field-fp-autre-transporteur-value { float: left; clear: none; width: 70%; margin-bottom: 15px; }
.gmap-frais-port .gmap-popup .views-field-field-fp-autre-transporteur-value .field-content { float: none; background: transparent url(../images/interface/puces/puce-logo-small.png) left center no-repeat; padding-left: 22px; float: left; font-weight: normal; }
.gmap-frais-port .gmap-popup .views-field-field-fp-prix-autre-transp-value { float: right; clear: none; width: 30%; }


.view-FAQ .depth0 {padding-top: 5px !important;}
.view-FAQ .depth0>h3 { color: #4B4B4B;font-size: 20px;line-height: 20px;font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial;text-transform: uppercase;font-weight: normal;margin: 15px 0 0;cursor:default;}
.view-FAQ .view-content { background: #ffffff; padding: 0 10px 10px;}
.view-FAQ .depth { padding-top: 20px;}
.view-FAQ .depth1 ul{padding: 10px 20px;}
.view-FAQ .depth1 h3{ margin: 0;margin-top: 10px;display: block;background:transparent url(../images/interface/background/bg-header-accordion.jpg) top left repeat-x;height: 35px;padding: 0 20px;position: relative;line-height: 35px;font-size: 18px;color: white;font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial;font-weight: normal;text-transform: uppercase;}
.view-FAQ .depth1 .icon {position: absolute;top: 5px;right: 5px;background:transparent url(../images/interface/button/btn-accordion.png) -75px 0 no-repeat;display: block;width: 25px;height: 25px;}
.view-FAQ .depth1.closed .icon {background-position: -25px 0;}
.view-FAQ .depth1 .icon:hover {background-position: -50px 0;}
.view-FAQ .depth1.closed .icon:hover {background-position: -0px 0;}
.view-FAQ .depth .items-container {float: none; height:auto;clear:both;}
.view-FAQ h3 {cursor: pointer; clear:both;}
.view-FAQ .depth1 .items-container {padding: 10px 20px ;}
.view-FAQ .depth2 h3 {color:#815C88;border-bottom: 1px solid #815c88;background:url(../images/interface/puces/puce-faq-level1.png) 0 -20px no-repeat transparent;padding-left: 15px;height: 20px; line-height: 20px;}
.view-FAQ .depth2.closed h3 {background-position: 0 0;}

.view-FAQ .views-field-title h4 {display:inline;}
.view-FAQ .views-field-title {font-size:12px;cursor:pointer; background:url(../images/interface/puces/puce-cat-level1.png) 3px -15px no-repeat transparent;padding-left: 10px;height: 16px; line-height: 16px;}
.view-FAQ .views-field-title.open {background-position: 0 0;}

.view-FAQ .views-field-body {padding: 5px 0 0 25px;font-size:12px;}
.view-FAQ .views-field-body strong {color:#e4418b;}

.view-FAQ .level1 {float:left; width: 150px; height: 170px; margin: 10px;padding: 10px;text-align:center;background:#ffffff; -webkit-box-shadow:  0px 1px 10px 1px rgba(0, 0, 0, 0.2); box-shadow:  0px 1px 10px 1px rgba(0, 0, 0, 0.2);cursor:pointer;}
.view-FAQ .level1 .img{height: 120px;}
.view-FAQ .return {background: url(../images/pager_arrow_left.gif) 0 center no-repeat; padding-left: 10px;font-weight:bold; color:#815C88;}
#edit-field-faq-keywords-value-wrapper,
#edit-body {display:none;}

/* Fiches Beaute ========================================================================= */
.fiches-beaute {}
/* .fiches-beaute .col-main {background: white;float: right;width: 730px;}*/

.fiches-beaute .top .img-header { position: absolute; right: 40px; top: 40px; }
.header-title-fiches-beaute { background: transparent url(../images/interface/background/bg-title-fb_01.jpg) top left no-repeat; text-indent: 18px; line-height: 172px; font-family: HelveticaNeueMediumCondRg, Helvetica, sans-serif; color: #ffffff; font-size: 29px; height: 105px; width: 100%; display: block; }
.header-sub-title-fiches-beaute { background: transparent url(../images/interface/background/bg-title-fb_02.jpg) top left no-repeat; text-indent: 18px; line-height: 36px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; color: #ffffff; font-size: 14px; height: 64px; width: 100%; display: block; margin-bottom: 15px;}
.fiches-beaute .top .box-share { padding-left: 20px; margin: 10px 0; }
.fiches-beaute .top .box-share .addthis_toolbox { padding-top: 8px; }
.fiches-beaute .presentation { padding: 0 20px; color: #a39996; font-size: 12px; }
.fiches-beaute .bloc-menu-fb {display: table; margin: 10px auto;}
.fiches-beaute .bloc-menu-fb ul {margin-left: 10px;}
.fiches-beaute .bloc-menu-fb ul li {background: transparent; width : 119px; padding: 0; margin: 0 15px 0 0; margin-right:10px; padding-right : 10px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; font-size: 14px; text-transform: uppercase; float:left;list-style: none; text-align: center;}
.fiches-beaute .bloc-menu-fb ul li a {width: 119px; text-transform: uppercase; margin-bottom:10px;}
.fiches-beaute .bloc-menu-fb ul li:hover a {opacity:0.7;}
.fiches-beaute .bloc-menu-fb .bloc-menu-fb-btn a {background: transparent url(../images/interface/puces/puce-violet.png) center right no-repeat; padding-right: 9px; }
.fiches-beaute .title1{ margin-top: 15px; padding-top: 15px; padding-left: 45px; color: #88668e; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial;   background: url("/cms/sites/default/files/Dossier_thematique/commun/titre_DT-violet.jpg") left top no-repeat scroll transparent; height: 30px; font-size:19px; text-transform: uppercase;}

.fiches-beaute .title2{ margin-top: 15px; margin-bottom:7px; padding-left: 45px; color: #DDA0DD;   background: url("/cms/sites/default/files/Fiches-beaute/feuille-violette-claire.png") left top no-repeat scroll transparent; font-size:14px;font-weight:bold;}


.fiches-beaute h2.title{
    clear: both;
    background-color: #815c88;
    margin-bottom: 15px;
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    color: #FFF;
    font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial;
    font-weight: normal;
    text-transform: uppercase;
    padding: 0 20px; }

.fiches-beaute h4 { color: #815c88;  font-size: 19px;  font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial;  line-height: 16px; margin-top: 0px; }
.fiches-beaute .encart-conseils-title {
    background:url(../images/interface/background/feuilles_az_violet.png) scroll left 12px no-repeat;
    font-family: FreestyleScriptRegular;
    color: #9E71AB;
    font-size: 30px;
    display: block;
    padding-left: 35px;
    margin-left : 60px;
    margin-right : 15px;
}
.fiches-beaute .encart-conseils-contenu {
    margin-left : 60px;
    margin-right : 15px;
}
.fiches-beaute .encart-conseils-contenu ul {
    margin-left : 10px;
}

.fiches-beaute .encart-conseils-top {
    background:url(../images/interface/background/encart_conseils_fb_top.png) no-repeat;
    height:15px;
    left:0;
    top:0; }
.fiches-beaute .encart-conseils-center  {
    background:url(../images/interface/background/encart_conseils_fb_center.png) repeat-y;
    display:block;
    margin:0; }
.fiches-beaute .encart-conseils-bottom  {
    background:url(../images/interface/background/encart_conseils_fb_bottom.png) no-repeat;
    height:60px;
    left:0;
    bottom:0;
    margin-top:-12px;
    margin-bottom: 10px; }
.fiches-beaute .blocs-fiches-beaute { margin-left: 10px; margin-right: 10px; margin-bottom: 17px; }

.fiches-beaute .blocs-fiches-beaute .bloc-fiches-beaute { background: #FFF; border:1px solid #bc7eb8; padding-left: 10px;padding-right: 10px; margin-bottom: 10px; }
.fiches-beaute .blocs-fiches-beaute h3.subtitle { background: url("/cms/sites/default/files/Dossier_thematique/commun/titre_DT.jpg") no-repeat scroll left rgba(0, 0, 0, 0); height: 30px; margin: 4px 15px 10px 17px; padding-top: 14px; padding-left:45px; color: #88668e; font-size: 19px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; text-transform: uppercase; }
.fiches-beaute .blocs-fiches-beaute .conseil-recette { font-weight: bold; color: #bc7eb8; }
.fiches-beaute .blocs-fiches-beaute .astuces-title {font-family: FreestyleScriptRegular; color: #9E71AB; font-size: 28px; display: block; margin-bottom: -5px; margin-left: 3px; }
.fiches-beaute .blocs-fiches-beaute .content-fiches-beaute { padding: 0 20px; }
.fiches-beaute .blocs-fiches-beaute .recipe_cart { width: 690px; height: auto; padding-top: 8px; }
.fiches-beaute .related-products-fiches-beaute {  margin: 0 15px; }
.fiches-beaute .related-products-fiches-beaute li { margin-left: 16px; margin-bottom: 16px; }
.fiches-beaute .related-products-fiches-beaute li:first-child { margin-left: 0; }
.fiches-beaute .recipes-ideas-fiches-beaute {  margin: 0 15px; }
/*.fiches-beaute .blocs-fiches-beaute .recipe-ideas-fiches-beaute {  margin: 0 20px; padding-top: 25px; border-top: 1px dashed #89688f; }
.fiches-beaute .blocs-fiches-beaute .recipe-ideas-fiches-beaute .recipes-list ul { padding: 0; margin: 0; }
.fiches-beaute .blocs-fiches-beaute .recipe-ideas-fiches-beaute .recipes-list li { background: #FFF; padding: 8px; margin-left: 16px; margin-bottom: 16px; }
.fiches-beaute .blocs-fiches-beaute .recipe-ideas-fiches-beaute .recipes-list li:first-child { margin-left: 0; }
.fiches-beaute .blocs-fiches-beaute .recipe-ideas-fiches-beaute .block-recipes .item-recipes { margin-left: 0px;}
*/
/* Accueil Fiches Beaute ========================================================================= */
.view-fiche-beaute {}
.view-fiche-beaute .col-main {background: white;}
.view-id-fiche_beaute.view-display-id-page_1 .view-header { background: transparent url(../images/interface/background/bandeau-fiches-beaute-nature.jpg) top left no-repeat; width: 690px;height: 200px; margin-left:20px; }
.view-id-fiche_beaute.view-display-id-page_1 .view-header h1 {background:none; padding-left: 380px; padding-top: 44px;font-size: 28px; font-family:'HelveticaNeueMediumCondRg'; line-height: 9px; font-weight: normal; color: #AE92C0; margin: 0; }
.view-id-fiche_beaute.view-display-id-page_1 .view-header p {font-size:12px;}
.view-id-fiche_beaute.view-display-id-page_1 .view-content {margin-top: -50px; padding: 0 20px 20px 20px}
.view-id-fiche_beaute.view-display-id-page_1 .view-content .views-field-name {background: url("/cms/sites/default/files/Dossier_thematique/commun/titre_DT.jpg") no-repeat scroll left 5px rgba(0, 0, 0, 0); height: 20px; margin: 60px 0 0 100px; padding: 17px 0 5px 45px; color: #808080; font-size: 22px; line-height: 1.25; margin-bottom: 0.45em; text-transform: uppercase; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial;}
.view-id-fiche_beaute.view-display-id-page_1 .view-content .views-field-tid-1 {display: inline-block; vertical-align: top;}
.view-id-fiche_beaute.view-display-id-page_1 .view-content .views-field-description {margin: 0 0 0 15px; color: #808080;font-size: 15px; font-family:'HelveticaNeueMediumCondRg';display: inline-block;width:82%;}
.view-id-fiche_beaute.view-display-id-page_1 .view-content .fb-sous-famille {/*margin-top: -30px;*/ width:82%;}
.view-id-fiche_beaute.view-display-id-page_1 .view-content .fb-sous-famille ul { padding-left:118px;}
.view-id-fiche_beaute.view-display-id-page_1 .view-content .fb-sous-famille ul li {list-style-type: disc; margin: 0 0px 7px 0px; width:50%; float:left;}
.view-id-fiche_beaute.view-display-id-page_1 .view-content .fb-sous-famille span.field-content { display: block; }
.view-id-fiche_beaute.view-display-id-page_1 .view-content .fb-sous-famille a {font-size:12px; padding :0px;color: #E3458E; display:block;}
.view-id-fiche_beaute.view-display-id-page_1 .view-content .fb-sous-famille a:hover {color: #815c88;}

/* Menu Fiches Beaute ======================================================================== */
.view-fiche-beaute .col-left {background: white;float: left;width: 240px; padding: 1px;}
.view-id-fiche_beaute.col-left span.hitarea:hover {opacity: 0.7;}
.view-id-fiche_beaute.col-left span.hitarea {color: #694670;text-transform: uppercase;font-weight: bold;margin:0; padding:0;font-size: 12px;}




/* Pathologies/Fiches Aroma ========================================================================= */
.view-formulas-pathologie {}
.view-formulas-pathologie .col-main {background: white;}
.view-formulas-pathologie .view-row-fiches {margin-top: 0px;}
.view-formulas-pathologie .view-row-fiches .views-field-tid { position: absolute; right: 25px; top: 55px; }
.view-formulas-pathologie .view-row-fiches .views-field-nothing-2 {background: transparent url(../images/interface/background/bg-title-fsante_02.jpg) top left no-repeat; text-indent: 18px; line-height: 18px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; color: #ffffff; font-size: 17px; height: 64px; width: 100%; display: block; margin-bottom: 15px; text-transform: uppercase; }
.view-formulas-pathologie .view-row-fiches .views-field-name,.view-formulas-pathologie .view-row-fiches .views-field-name H1 {background: transparent url(../images/interface/background/bg-title-fsante_01.jpg) top left no-repeat; text-indent: 18px; line-height: 158px; font-family: HelveticaNeueMediumCondRg, Helvetica, sans-serif; color: #ffffff; font-size: 26px; height: 105px; width: 100%; display: block; text-transform: uppercase;}
.view-formulas-pathologie .view-row-fiches .views-field-description {margin-bottom:40px; color: rgb(128, 128, 128) !important;font-size: 12px; font-family:Arial, Helvetica, sans-serif; line-height: 18px;}
.view-formulas-pathologie .view-row-fiches .views-field-description .field-content a {color:#E3458E; font-weight: bold; font-size: 13px;}
.view-formulas-pathologie .view-row-fiches .views-field-description .field-content a:hover {color:#88668e;}
.view-formulas-pathologie .view-row-fiches .views-field-description .field-content h2 {text-transform: uppercase; font-size:19px;color:#88668e;font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; background: url("/cms/sites/default/files/Dossier_thematique/commun/titre_DT.jpg") left top no-repeat scroll transparent; margin: 10px 0 0 0; padding: 12px 0 5px 45px; line-height: 1.5; font-weight:normal; }
.view-formulas-pathologie .view-row-fiches .views-field-description .field-content h3 {padding-bottom:10px;text-transform: uppercase; color:#88668e;font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial;}
.view-formulas-pathologie .view-row-fiches .views-field-description .field-content h4 {padding-bottom:10px;text-transform: uppercase; color:#88668e;font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial;}
.view-formulas-pathologie .view-row-fiches .views-field-description .field-content p {padding-bottom:10px; margin:0;}
.view-formulas-pathologie .view-row-fiches .views-field-description .field-content ul {padding-bottom:10px; line-height: 15px; }
.view-formulas-pathologie .view-row-fiches .views-field-description .field-content ul li {list-style-type: disc; margin:0px 0px 10px 20px; }
.view-formulas-pathologie .view-row-fiches .views-field-nothing {margin-bottom:20px; font-family: arial, helvetica, sans-serif; font-size: 12px; color: #88668e; text-transform: none; margin-right: 0; float: none;}
.view-formulas-pathologie .view-row-fiches .views-field-nothing  h3 {display:block; margin-bottom:20px;  height: 35px; padding-left:10px; line-height: 35px; font-size: 18px; color: #FFF; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; font-weight: normal; text-transform: uppercase;background: #E3458E;}
.view-formulas-pathologie .view-row-fiches .views-field-nothing  span.italic  {color:rgb(128, 128, 128);}
.view-formulas-pathologie .view-row-fiches .views-field-nothing  span.avertissement-patho  {font-style: italic;}
.view-formulas-pathologie .view-row-fiches .views-field-field-bb-titre-value {color: #333333; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; text-transform: uppercase;display:inline-block; padding-right:5px;font-size:16px!important;}
.view-formulas-pathologie .view-row-fiches .views-field-field-bb-auteur-value {color: #808080; font-style: italic;display:inline-block;}
.view-formulas-pathologie .view-row-fiches .views-field-field-bb-auteur-value::before{content: '('}
.view-formulas-pathologie .view-row-fiches .views-field-field-bb-auteur-value::after {content: ')'}
.view-formulas-pathologie .view-row-fiches .views-field-field-bb-contenu-value {border-collapse: collapse; margin: 3px 0; background-color: #F2ECF4; padding: 5px; font-size: 12px;}
.view-formulas-pathologie .view-row-fiches .views-field-field-bb-contenu-value ul { margin-bottom: 15px;}
.view-formulas-pathologie .view-row-fiches .views-field-field-bb-contenu-value ul  li{ background: transparent url(../images/interface/puces/rond-rose.png) top left no-repeat; padding-left: 10px;}
.view-formulas-pathologie .view-row-fiches .views-field-field-bb-contenu-value a {color:#E3458E;}
.view-formulas-pathologie .view-row-fiches .views-field-field-bb-contenu-value a:hover {color:#88668e;}
.view-formulas-pathologie .views-field-field-ft-bibliographie-nid {margin-top: 15px;}
.view-formulas-pathologie .views-field-field-ft-bibliographie-nid label {font-weight:bold; font-size:13px;}
.view-formulas-pathologie .views-field-field-ft-bibliographie-nid .field-content ul { margin-top: 10px; margin-left:10px;}
.view-formulas-pathologie .views-field-field-ft-bibliographie-nid .field-content .ft-patho {margin-bottom:10px; display:inline-block; margin-right:28px;}
.view-formulas-pathologie .views-field-field-ft-bibliographie-nid .field-content .link-ft-patho {color:#E3458E; font-size: 12px;}
.view-formulas-pathologie .views-field-field-ft-bibliographie-nid .field-content .link-ft-patho:hover {color:#88668e;}
.view-formulas-pathologie .views-field-field-ft-bibliographie-nid .field-content .link-ft-patho .img-ft-patho {vertical-align:middle; margin-right:5px;}
.view-formulas-pathologie .views-field-field-ft-bibliographie-nid .field-content .link-ft-patho  span p{height:100%;display:inline-block;vertical-align:middle; margin:0;width: 135px;}
.view-formulas-pathologie #narrow-by-list2 { background: white; }
/*========================================================================= */


/* Pathologies/ Accueil fiches aroma ========================================================================= */
.view-id-formulas_pathologie.view-display-id-block_1 {padding:20px; }
.view-id-formulas_pathologie.view-display-id-block_1 .view-header {line-height: inherit; height:inherit;}
.view-id-formulas_pathologie.view-display-id-block_1 .view-header h1{text-align: center;background:none;padding-left: 0;}
.view-id-formulas_pathologie.view-display-id-block_1 .view-header p {font-size:12px;}
.view-id-formulas_pathologie.view-display-id-block_1 .view-content .views-field-title {background: url("/cms/sites/default/files/Dossier_thematique/commun/titre_DT.jpg") no-repeat scroll left 5px rgba(0, 0, 0, 0); height: 30px; margin: 30px 0 0 100px; padding: 17px 0 5px 45px; color: #808080; font-size: 22px; line-height: 1.25; margin-bottom: 0.45em;}
.view-id-formulas_pathologie.view-display-id-block_1 .view-content .views-field-field-image-famille-aroma-fid {display: inline-block;vertical-align: top;}
.view-id-formulas_pathologie.view-display-id-block_1 .view-content .views-field-field-image-famille-aroma-fid img {margin-left:0px;height: auto; width: 90px;}
.view-id-formulas_pathologie.view-display-id-block_1 .view-content .views-field-tid {width: 85%; display: inline-block;}
.view-id-formulas_pathologie.view-display-id-block_1 .view-content .views-field-tid ul {list-style-type: disc; padding-left:25px;}
.view-id-formulas_pathologie.view-display-id-block_1 .view-content .views-field-tid ul li {float: left; margin: 0 0px 7px 0px; width:50%;}
.view-id-formulas_pathologie.view-display-id-block_1 .view-content .views-field-tid ul li a {font-size:12px; padding :0px;color: #E3458E; display:block;}
.view-id-formulas_pathologie.view-display-id-block_1 .view-content .views-field-tid ul li a:hover {color: #815c88;}
.view-id-formulas_pathologie.view-display-id-block_1 .view-content .views-field-nothing {clear: both; display: block; height: 0; font-size: 0; float: none;}
/*========================================================================= */


/* Pathologies/ Menu Fiches aroma ======================================================================== */

.views_view__formulas_pathologie__block_2 span.hitarea:hover {opacity: 0.7;}
.views_view__formulas_pathologie__block_2 span.hitarea {color: #694670;text-transform: uppercase;font-weight: bold;margin:0; padding:0;font-size: 12px;}
/*========================================================================= */


/* Pathologies/ Fiches Aroma dans les FT ========================================================================= */

.fiche-technique .etiquette-fiche-aroma {width:100%;}
.fiche-technique .etiquette-fiche-aroma ul {margin:30px 0 0 0;}
.fiche-technique.bleu .etiquette-fiche-aroma ul li {background:#44aedc;}
.fiche-technique.vert .etiquette-fiche-aroma ul li {background:#879900;}
.fiche-technique.orange .etiquette-fiche-aroma ul li {background:#f09200;}
.fiche-technique.rose .etiquette-fiche-aroma ul li {background:#e4418b;}
.fiche-technique.brun .etiquette-fiche-aroma ul li {background:#766256;}
.fiche-technique.violet .etiquette-fiche-aroma ul li {background:#815c87;}
.fiche-technique .etiquette-fiche-aroma ul li {display:inline-block; width:222px; line-height:40px;border-radius:10px;text-align: center; margin: 0 3px 15px auto; padding:0;vertical-align:middle;}
.fiche-technique .etiquette-fiche-aroma ul li:hover {opacity:0.7;}
.fiche-technique .etiquette-fiche-aroma ul li a {display:block; width:100%;color:white;text-decoration:none;}
/*========================================================================= */


/* IMAGE Triman sur les FT ========================================================================= */

.recyclage .img-recyclage {
    display: inline-block;
    float: left;
    margin-top: 10px;
}
.recyclage .libelle {
    display: inline-block;
    float: left;
    width: 110px;
    margin-top: 10px;
}
.recyclage .libelle .first {text-transform:uppercase;}
.recyclage .libelle a {color:#808080; line-height: 16px; display: block;}



/*========================================================================= */
/* Page QUI SOMMES NOUS ========================================================================= */

#qui-sommes-nous .bodywhoweare {margin: 0px 30px 0px 30px;}
#qui-sommes-nous div.clear{clear:both; height:0px;}
#qui-sommes-nous h2:first-child{margin-top:30px;}
#qui-sommes-nous h2{clear: both; background-color: #815c88;  margin: 15px -30px 30px; display: block; height: 40px; line-height: 40px; font-size: 20px; color: #FFF; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; font-weight: normal; text-transform: uppercase; padding: 0 20px; }
#qui-sommes-nous h3 {padding: 2px 0 15px 30px; background: url("/cms/sites/default/files/Dossier_thematique/commun/feuille-az.png") no-repeat scroll left 8px rgba(0, 0, 0, 0); font-weight: normal;text-transform:inherit; color: #815c88; font-size: 20px; line-height: 20px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial;}
#qui-sommes-nous h4{text-transform: uppercase; font-size:14px; }
#qui-sommes-nous li{line-height: 18.6px;}
#qui-sommes-nous .violetcolor{color: #815c88}
#qui-sommes-nous p strong{color: #815c88}
#qui-sommes-nous .freestylefont {font-family: 'FreestyleScriptRegular'; font-size: 30px; margin-bottom:0px}
#qui-sommes-nous .about-us-resume .resume {float: left; display: inline-block; width: 25%; background: #815D87; vertical-align: middle; border-radius: 15px 15px 0px 0px; padding: 10px 0 10px 0px; -ms-box-shadow: 0px 0px 3px 0px #000; -o-box-shadow: 0px 0px 3px 0px #000; -moz-box-shadow: 0px 0px 3px 0px #000; -webkit-box-shadow: 0px 0px 3px 0px #000; box-shadow: 0px 0px 3px 0px #000;}
#qui-sommes-nous .about-us-resume .resume:hover {opacity:0.90;}
#qui-sommes-nous .about-us-resume .resume a {display: block; padding: 0px 10px 0px 10px; text-align: center; color: white; font-size:16px; text-transform: uppercase; height: 100%; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial;}
#qui-sommes-nous .ourhistory #photoav {display:none;}
#qui-sommes-nous .ourhistory1 {width:384px; float: left;}
#qui-sommes-nous .ourhistory1 .imghist {width:100%; margin-top: 30px;}
#qui-sommes-nous .ourhistory2 {width:384px; float: right;}
#qui-sommes-nous .ourhistory2 .imghist {width:100%; float:right; margin-bottom: 55px;}
#qui-sommes-nous .growers {margin: 80px 0px 0px 0px;}
#qui-sommes-nous .growers h3 {margin:30px 0px 10px 0;}
#qui-sommes-nous .growers .grower h3 {padding-bottom: 10px;margin:0;font-family: 'FreestyleScriptRegular';font-size: 28px;}
/*#qui-sommes-nous .growers .grower1 h3 {letter-spacing: -0.5px;}*/
#qui-sommes-nous .growers .grower1, .grower2, .grower3, .grower4 {width :400px; display: inline-block; float:left;}
#qui-sommes-nous .growers .grower1, .grower2 {height:380px;margin-top:15px;}
#qui-sommes-nous .growers .grower3, .grower4 {height:360px;margin-bottom:10px;}
#qui-sommes-nous .growers .grower2, .grower4 {padding-left:75px;}
#qui-sommes-nous .growers .grower img {margin-bottom: 15px;}
#qui-sommes-nous .ourvalues .ourengagements {height: 525px; margin: 20px 0px;}
#qui-sommes-nous .ourvalues .ourengagements .inside {margin: 15px 250px 0px 20px;}
#qui-sommes-nous .ourvalues .ourengagements a {font-weight:bold; text-decoration: underline;color:white;}
#qui-sommes-nous .ourvalues .ourengagements strong {font-size:13px;}
#qui-sommes-nous .ourvalues .ourengagements h3 {padding-bottom: 0px;color:#638300; font-size: 34px; margin: -465px 0 0 -20px; background: none;}
#qui-sommes-nous .ourvalues .ourengagements ul {margin : 15px 0px;}
#qui-sommes-nous .ourvalues .ourengagements ul li {font-size: 12px; margin-bottom: 10px; color:white; list-style-type: none; list-style-position: inside;list-style-image: url("/cms/sites/default/files/contenu/Qui_sommes_nous/puce_feuille.svg"); }
#qui-sommes-nous .ourvalues .small-legend {font-size:11px; text-align:right;margin-top: -10px;}
#qui-sommes-nous .ourvalues .petbottles {margin: 20px 0px;}
#qui-sommes-nous .ourvalues .petbottles .inside {margin: -1200px 0 10px 80px;}
#qui-sommes-nous .ourvalues .petbottles .bottles {float: right; margin-top: -230px; margin-right: -25px;position: relative; z-index: 4;}
#qui-sommes-nous .ourvalues .petbottles h3 {color:#E3458E; font-size: 34px; margin: 0px 0 10px -30px; background: none;}
#qui-sommes-nous .ourvalues .petbottles li {background:none;list-style-type: disc; list-style-position: inside;}
#qui-sommes-nous .ourvalues .petbottles .decale {width:550px;}
#qui-sommes-nous .ourvalues .petbottles strong {color:#808080; font-size:14px;}
#qui-sommes-nous .ourvalues .petbottles ul.decale {margin-left: -9px;margin-top: 0px; width: 540px;}
#qui-sommes-nous .ourvalues .petbottles .petcycle {line-height: 25px;margin-top:60px;font-size:20px;font-family:HelveticaNeueLTStdBdCn;color: #E3458E;}
#qui-sommes-nous .ourvalues .petbottles .petcycle .petcircle { margin-left: 80px;}
#qui-sommes-nous .ourvalues .petbottles .listpet {margin-top: 20px; margin-left: -10px;}
#qui-sommes-nous .ourvalues .petbottles .listpet li {list-style-type:decimal;}
#qui-sommes-nous .ourvalues .petbottles .earth {margin-left: 620px; margin-top: -35px;}
#qui-sommes-nous .ourvalues .petbottles .cycle {margin-top: -20px;}
#qui-sommes-nous .videoprice {margin:60px 0px 0px 0px;}
#qui-sommes-nous .videoprice video {width:720px!important; height:auto!important;display: block;margin:20px auto;}
#qui-sommes-nous .ourrange .freestylefont {line-height:30px;}
#qui-sommes-nous .pureproducts {margin-top: 20px;}
#qui-sommes-nous .ourrange .range,
#qui-sommes-nous .pureproducts .pure{width :400px; display: inline-block; margin: 0px 0px 20px 0px;float:left;}
#qui-sommes-nous .ourrange .range ul,
#qui-sommes-nous .pureproducts .pure ul {margin-left:0px; width :400px;}
#qui-sommes-nous .ourrange .range ul li strong{color:#815c88;}
#qui-sommes-nous .ourrange .range2,
#qui-sommes-nous .ourrange .range4,
#qui-sommes-nous .pureproducts .pure2,
#qui-sommes-nous .pureproducts .pure4 {margin-left:80px;}
#qui-sommes-nous img.schemaingred { margin-top: -60px;margin-bottom: 40px;}
#qui-sommes-nous .theteam { margin-top: 40px;}
#qui-sommes-nous .theteam .team {margin: 20px 0px 0px 0px;}
#qui-sommes-nous .theteam .team p {margin: 0px 0px 10px 0px;}
#qui-sommes-nous .theteam .team ul {margin: 0px 0px 5px 0px;}
#qui-sommes-nous .theteam .scientists {line-height: 30px;}
#qui-sommes-nous .theteam .title {font-weight:bold; color:#815c88;font-size:14px;}
#qui-sommes-nous .theteam .team1, .team2, .team3, .team4 {width :400px; display: inline-block; float:left;}
#qui-sommes-nous .theteam .team1, .team2 {height:450px;}
#qui-sommes-nous .theteam .team3, .team4 {height:420px;margin-bottom:10px;}
#qui-sommes-nous .theteam .team2, .team4 {padding-left:75px;}
#qui-sommes-nous .theteam .team img {margin-bottom: 15px;}
#qui-sommes-nous .ourguarantees .hebd {margin-right:65px;}
#qui-sommes-nous .ourguarantees {margin-top:60px;}
#qui-sommes-nous .ourguarantees h3 {margin:20px 0px;}
#qui-sommes-nous .ourguarantees h3.essentielles {margin:60px 0px 10px 0px;}
#qui-sommes-nous .ourguarantees .logohebd {float:right; margin-top: -80px;}
#qui-sommes-nous .ourguarantees .originhe {height: 360px; margin: 0px 0px 20px 0px;}
#qui-sommes-nous .ourguarantees .originhe .inside {width:480px; margin:0px 0px 0px 60px;}
#qui-sommes-nous .ourguarantees .originhe .inside strong {color:#B1C800;}
#qui-sommes-nous .ourguarantees .originhe .bottles {float: right; margin-top: -340px; margin-right: -15px;position: relative; z-index: 4;}
#qui-sommes-nous .ourguarantees .originhe h3 {color:#B1C800; font-size: 34px; margin: -345px 0 0px -30px; background: none;}
#qui-sommes-nous .ourguarantees .originhe li {list-style-type: disc; list-style-position: inside;}
#qui-sommes-nous .ourguarantees .originhe li.decale {margin-left:110px;}
#qui-sommes-nous .ourguarantees .pureproducts h3 {margin: 10px 0 0px 0px; padding-bottom:5px;}
#qui-sommes-nous .ourguarantees .pureproducts .logos {}
#qui-sommes-nous .ourguarantees .extracts h3 {margin-top:40px;}
#qui-sommes-nous .satisfaction {background-color:#ebe4eb;color:#815D87; font-size:30px;}
#qui-sommes-nous .satisfaction a {font-family:HelveticaNeue57Condensed; display:block; width:100%; line-height:26px; padding: 20px 0px 20px 0px;margin-top: 40px;}
#qui-sommes-nous .satisfaction .number {color:#E3458E;font-size:45px;}
#qui-sommes-nous .satisfaction .button { color: white; padding : 2px 13px 1px 15px; font-size:36px;border-radius:13px;margin-left:20px; background-color: #513e94; background: -webkit-linear-gradient(#8e69b3, #513e94); background: -o-linear-gradient(#8e69b3, #513e94); background: -moz-linear-gradient(#8e69b3, #513e94); background: linear-gradient(#8e69b3, #513e94);}
#qui-sommes-nous .satisfaction .button img {margin :15px 0px 0px 10px;}
/*#qui-sommes-nous .goup {display:block;margin: 20px 0px 20px 857px; width:25px; text-align: right; height:25px; overflow:hidden; background: url('/cms/sites/default/files/contenu/Qui_sommes_nous/fleche_ascenseur.svg') 0px no-repeat;}
#qui-sommes-nous .goup:hover {opacity:0.7;}*/

/* Qui sommes nous Smartphones Media query */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    #qui-sommes-nous .bodywhoweare ul, #qui-sommes-nous .bodywhoweare ol, #qui-sommes-nous .bodywhoweare p { font-size: 15px; }
    #qui-sommes-nous h2 {height:inherit;padding: 20px 20px;margin-top: 100px;}
    #qui-sommes-nous h3 {background:none; padding-left:0px; font-size: 60px; line-height: 60px;}
    #qui-sommes-nous li {background:none;line-height:35px;}
    #qui-sommes-nous .freestylefont {font-size: 70px!important; line-height:75px!important;}
    #qui-sommes-nous .about-us-resume .resume {width:100%; float:none; display:block; border-radius:0px;}
    #qui-sommes-nous .about-us-resume .resume a {height:inherit;}
    #qui-sommes-nous .ourhistory #photoav {margin-bottom:40px;}
    #qui-sommes-nous .ourhistory1,
    #qui-sommes-nous .ourhistory2 {width:100%; float:none;}
    #qui-sommes-nous .ourhistory .ourhistory1 .imghist {display:none;}
    #qui-sommes-nous .ourhistory .ourhistory2 .imghist {width:50%;margin-left:20px;}
    #qui-sommes-nous .growers {margin-top:100px;}
    #qui-sommes-nous .growers h3 {margin-bottom: 40px; font-size: 100px!important;line-height: 100px;}
    #qui-sommes-nous .growers .grower {width:100%; display:block; float:none;height:auto;padding:50px 0px 0px 0px;margin-top:40px;}
    #qui-sommes-nous .growers .grower img {width:100%!important;height:auto!important;}
    #qui-sommes-nous .ourvalues .ourengagements {height:inherit; margin-top:100px;margin-bottom:60px;}
    #qui-sommes-nous .ourvalues .ourengagements img {display:none;}
    #qui-sommes-nous .ourvalues .ourengagements .inside {border-radius:25px; margin:0px; background-color: #B1C800;padding: 20px;}
    #qui-sommes-nous .ourvalues .ourengagements h3 {font-size: 100px!important;margin: 40px 0px 0px 10px; background: none;}
    #qui-sommes-nous .ourvalues .ourengagements ul {margin : 25px 0px;}
    #qui-sommes-nous .ourvalues .ourengagements ul li {margin-top: 50px; font-size: 15px; margin-bottom: 10px; color:white; list-style-type: none; list-style-position: inside;list-style-image: url("/cms/sites/default/files/contenu/Qui_sommes_nous/puce_feuille.svg"); }
    #qui-sommes-nous .ourvalues .ourengagements strong {font-size: 17px;}
    #qui-sommes-nous .videoprice video {width:100%!important;}
    #qui-sommes-nous .videoprice {margin:60px 0px 0px 0px;}
    #qui-sommes-nous .ourvalues .small-legend {font-size:13px;}
    #qui-sommes-nous .ourvalues .petbottles img.background-pet { display:none;}
    #qui-sommes-nous .ourvalues .petbottles .inside {margin: 0px; background-color:#faedf3; border: 5px #E3458E solid; border-radius: 25px;}
    #qui-sommes-nous .ourvalues .petbottles h3 {font-size: 100px!important; margin: 40px 20px 40px 20px; background: none;line-height: 90px!important;}
    #qui-sommes-nous .ourvalues .petbottles img.pinkpetals {height: 50px!important;}
    #qui-sommes-nous .ourvalues .petbottles .earth {margin-left: 40px; margin-top: 10px;}
    #qui-sommes-nous .ourvalues .petbottles .decale {width:inherit; margin: 0px 20px;}
    #qui-sommes-nous .ourvalues .petbottles ul.decale {width:inherit;padding-bottom: 40px;margin-left:20px;}
    #qui-sommes-nous .ourvalues .petbottles .bottles {display:none;}
    #qui-sommes-nous .ourvalues .petbottles .petcycle {padding: 0px 20px;line-height:50px;}
    #qui-sommes-nous .ourvalues .petbottles .petcycle .petcircle {margin-left: 0px;}
    #qui-sommes-nous .ourvalues .petbottles .listpet {margin-left:20px;}
    #qui-sommes-nous .ourvalues .petbottles .cycle {margin-top:-80px; width: 100%!important; }
    #qui-sommes-nous .ourrange .range {width:100%; display:block; float:none; margin:30px 0px;}
    #qui-sommes-nous .ourrange .range h3 {margin :20px 0px;}
    #qui-sommes-nous .ourrange .range ul {width :100%;}
    #qui-sommes-nous .ourrange .range img,
    #qui-sommes-nous .theteam .team img {width: 100%!important; height: auto!important;}
    #qui-sommes-nous .theteam .team {margin: 0px 0px 0px 0px;}
    #qui-sommes-nous .theteam {margin-top: 60px;}
    #qui-sommes-nous .theteam li { list-style-type: initial; margin-left: 30px; }
    #qui-sommes-nous .theteam .title {font-size:17px;}
    #qui-sommes-nous .theteam .scientists {margin-top: 40px;}
    #qui-sommes-nous .theteam .team1, .team2, .team3, .team4 {width: 100%;display:block; float:none; height:inherit!important; padding : 20px 0 20px 0!important; margin-top:100px;}
    #qui-sommes-nous .ourguarantees {margin-top:80px;}
    #qui-sommes-nous .ourguarantees h3.essentielles {margin-top: 100px ;}
    #qui-sommes-nous .ourrange .range, #qui-sommes-nous .pureproducts .pure {height:inherit; width: 100%; display: block; margin: 40px 0px; float: none;}
    #qui-sommes-nous .pureproducts .pure {margin: 100px 0px;}
    #qui-sommes-nous .ourrange .range img, #qui-sommes-nous .pureproducts .pure img {width:100%!important; height:auto!important;}
    #qui-sommes-nous .ourguarantees .pureproducts .logos img {width:20%!important;display:inline-block;}
    #qui-sommes-nous .ourguarantees .originhe {height: inherit; margin-top:80px;}
    #qui-sommes-nous .ourguarantees .originhe .inside {border: 5px solid #B1C800; border-radius: 30px; background-color:#f5f3cb; width: 100%; margin: 0px -20px; padding:20px;}
    #qui-sommes-nous .ourguarantees .originhe h3 {margin:0px;font-size: 70px; margin: 40px 20px 40px 20px; background: none; line-height: 50px;}
    #qui-sommes-nous .ourguarantees .originhe .he-orange {display:none;}
    #qui-sommes-nous .ourguarantees .originhe img.green-petals {height: 50px!important;}
    #qui-sommes-nous .ourguarantees .extracts { margin-top: -100px;}
    #qui-sommes-nous .ourguarantees .recipes { margin-top: 60px;}
    #qui-sommes-nous .satisfaction {font-size:34px;}
    #qui-sommes-nous .satisfaction a {line-height:inherit;padding-bottom:0px;}
    #qui-sommes-nous .satisfaction .button {display: block;margin-left:0px;margin-top:20px;}
    #qui-sommes-nous .satisfaction .button img {display:none;}
    /*#qui-sommes-nous .goup {clear:both;padding-top: 30px;transform: scale(3,3); -ms-transform: scale(3,3); -webkit-transform: scale(3,3); -o-transform: scale(3,3);}*/
}
/*========================================================================= */


/* ==================================PAGE CONTACT ==================================== */

/*#contact {height:720px;}*/
#contact .contact-service-client {
    background: url("/cms/sites/default/files/contenu/contact/Page-contact_Image-fond_Service-client.png") no-repeat scroll left 8px rgba(0, 0, 0, 0); float:left; width:430px; height:420px; padding-left: 6px;
}
#contact .contact-service-client h1 {padding: 2px 0 15px 30px; background: url("/cms/sites/default/files/Dossier_thematique/commun/feuille-az.png") no-repeat scroll left 8px rgba(0, 0, 0, 0); font-weight: normal;text-transform:inherit; color: #815c88; font-size: 24px; line-height: 24px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; width:430px; margin-top:25px; margin-bottom:1px; margin-left: -3px;
}
#contact .contact-picto { display: block; width: 86px; height: 86px; float: left; margin-left: 12px; display: block;   font-size: 11px; padding: 8px 2px 5px;  position: relative; margin-bottom: 2px;
}
#contact .contact-conseil-experts {
    background: url("/cms/sites/default/files/contenu/contact/Page-contact_Image-fond_conseil-experts.png") no-repeat scroll left 8px rgba(0, 0, 0, 0); float:left; width:430px; height:420px; margin-left: 50px; padding-left: 6px;
}
#contact .contact-conseil-experts h2 {padding: 2px 0 15px 30px; background: url("/cms/sites/default/files/Dossier_thematique/commun/feuille-az.png") no-repeat scroll left 8px rgba(0, 0, 0, 0); font-weight: normal;text-transform:inherit; color: #B0C700; font-size: 24px; line-height: 24px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; width:430px; margin-top:25px; margin-bottom:2px;
}
#contact .contact-texte-1-experts { font-weight: normal;text-transform:inherit; color: #706662; font-size: 12px; line-height: 14px; font-family:Arial, Helvetica, sans-serif; width:296px;    margin-left: 15px; letter-spacing: -0.05em; text-align: justify;
}
#contact .contact-texte-1-experts strong {color: #7FA212;
}
#contact .contact-texte-2-experts { font-weight: normal;text-transform:inherit; color: #706662; font-size: 12px; line-height: 14px; font-family:Arial, Helvetica, sans-serif; width:388px; margin-left: 15px; letter-spacing: -0.05em; text-align: justify;
}
#contact .contact-texte-2-experts strong {color: #7FA212;}
#contact .contact-picto-experts { display: block; width: 184px; height: 66px; float: left; margin-left: 11px; display: block;   font-size: 11px; padding: 8px 4px 5px;  position: relative; margin-bottom: 2px; }
/* ==================================NOUVEAU==================================== */
#contact .contact-posez-question {
    float:left; width: 900px; margin-bottom: 15px;
}
#contact .contact-posez-question h2 {padding: 50px 14px 0 30px; margin: 0 0 0 0;background: url("/cms/sites/default/files/Dossier_thematique/commun/feuille-az.png") no-repeat scroll left 57px rgba(0, 0, 0, 0); font-weight: normal;text-transform:inherit; color: #B0C700; font-size: 24px; line-height: 24px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; text-transform: uppercase; float:left;
}

#contact .contact-posez-question div{float:left;;}

#contact .contact-retrouver-informations-utiles {
    background: url("/cms/sites/default/files/contenu/contact/Page-contact_Image-fond_informations-utiles-2.png") no-repeat scroll left 8px rgba(0, 0, 0, 0); float:left; width:430px; height:420px; margin-left: 50px; padding-left: 6px;
}
#contact .contact-retrouver-informations-utiles h2 {padding: 2px 0 15px 30px; background: url("/cms/sites/default/files/Dossier_thematique/commun/feuille-az.png") no-repeat scroll left 8px rgba(0, 0, 0, 0); font-weight: normal;text-transform:inherit; color: #E2448D; font-size: 24px; line-height: 24px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; width:430px; margin-top:25px; margin-bottom:2px;
}
#contact .contact-autres-contacts {
    background: url("/cms/sites/default/files/contenu/contact/Page-contact_Image-fond_Autres-2.png") no-repeat scroll left 8px rgba(0, 0, 0, 0); float:left; width:912px; margin-top: 37px; height:135px;
}
#contact .contact-autres-contacts h2 {padding: 2px 0 15px 30px; background: url("/cms/sites/default/files/Dossier_thematique/commun/feuille-az.png") no-repeat scroll left 8px rgba(0, 0, 0, 0); font-weight: normal;text-transform:inherit; color: #9C8D85; font-size: 24px; line-height: 24px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; width:226px; margin-top:-25px; margin-bottom:2px;
}
#contact .contact-picto-contacts { display: block; float: left; font-size: 11px; height: 86px; margin: 0 0 0 105px; padding: 8px 4px 5px; position: relative; width: 86px;
}
#contact .contact-niveau-2-texte-1-experts { margin-top: 8px; font-weight: normal;text-transform:inherit; color: #706662; font-size: 15px; line-height: 19px; font-family:Arial, Helvetica, sans-serif; width:296px;  margin-left: 15px; letter-spacing: -0.05em; text-align: justify;
}
#contact .contact-niveau-2-texte-1-experts strong {color: #7FA212;
}
#contact .contact-niveau-2-texte-2-experts { font-weight: normal;text-transform:inherit; color: #706662; font-size: 15px; line-height: 16px; font-family:Arial, Helvetica, sans-serif; width:388px; margin-left: 15px; letter-spacing: -0.05em; text-align: justify;margin-top: 16px;
}
#contact .contact-niveau-2-texte-2-experts strong {color: #7FA212;}
/* ==================================FIN ==================================== */
#contact .contact-informations-utiles {
    background: url("/cms/sites/default/files/contenu/contact/Page-contact_Image-fond_informations-utiles.png") no-repeat scroll left 8px rgba(0, 0, 0, 0); float:left; width:626px; height:365px; padding-left: 2px; margin-top: -45px;
}
#contact .contact-informations-utiles h2 {padding: 2px 0 15px 30px; background: url("/cms/sites/default/files/Dossier_thematique/commun/feuille-az.png") no-repeat scroll left 8px rgba(0, 0, 0, 0); font-weight: normal;text-transform:inherit; color: #E2448D; font-size: 24px; line-height: 24px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; width:430px; margin-bottom:0px; margin-top: 60px;
}
#contact .contact-autres {
    background: url("/cms/sites/default/files/contenu/contact/Page-contact_Image-fond_Autres.png") no-repeat scroll left 8px rgba(0, 0, 0, 0); float:left; width:226px; height:255px; margin-top: 62px; margin-left: 60px; padding-left: 5px;
}
#contact .contact-autres h2 {padding: 2px 0 15px 30px; background: url("/cms/sites/default/files/Dossier_thematique/commun/feuille-az.png") no-repeat scroll left 8px rgba(0, 0, 0, 0); font-weight: normal;text-transform:inherit; color: #9C8D85; font-size: 24px; line-height: 24px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; width:226px; margin-top:-25px; margin-bottom:2px;
}

/* CONTACT Smartphones Media query */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    #contact {height:5000px;}
    #contact .contact-service-client {
        background:#FFF; width:100%; float:none; display:block; margin:0 0 0 0; padding:0 0 0 0;
    }
    #contact .contact-service-client h1 {text-align:center; font-size: 65px; width:100%; background:#FFF; line-height: 65px; margin:0 0 0 0; padding:0 0 20px 0; }
    #contact .contact-picto { display: block; width: 285px; height: 285px; float: left; margin-left: 15px; display: block;   font-size: 11px; padding: 10px 2px 5px;  position: relative; margin-bottom: 2px; }
    #contact .contact-conseil-experts {
        background:#FFF; width:100%; float:none; display:block; margin:0 0 0 0; padding:0 0 0 0;
    }
    #contact .contact-conseil-experts h2 { text-align:center; font-size: 65px; width:100%; background:#FFF; line-height: 65px;margin:0 0 0 0; padding:80px 0 20px 0;


    }#contact .contact-retrouver-informations-utiles {
         background:#FFF; width:100%; float:none; display:block; margin:0 0 0 0; padding:0 0 0 0;
     }
    #contact .contact-retrouver-informations-utiles h2 { text-align:center; font-size: 65px; width:100%; background:#FFF; line-height: 65px;margin:0 0 0 0; padding:80px 0 20px 0;
    }
    #contact .contact-texte-1-experts { font-weight: normal;text-transform:inherit; color: #9C8D85; font-size: 40px; line-height: 45px; font-family:Arial, Helvetica, sans-serif; width:100%; letter-spacing: -0.05em; text-align: justify; padding:0 0 0 0; margin:0 0 0 0;
    }
    #contact .contact-texte-1-experts strong {padding:0 0 0 0; margin:0 0 0 0;
    }
    #contact .contact-texte-2-experts { font-weight: normal;text-transform:inherit; color: #9C8D85; font-size: 40px; line-height: 45px; font-family:Arial, Helvetica, sans-serif; width:100%; letter-spacing: -0.05em; text-align: justify; padding:0 0 20px 0; margin:0 0 20px 0;
    }
    #contact .contact-texte-2-experts strong {padding:0 0 0 0; margin:0 0 0 0;}
    #contact .contact-picto-experts { width: 600px; height: 215px; padding-left: 18%;
    }

    #contact .contact-informations-utiles { background:#FFF; width:100%; float:none; display:block; margin:0 0 0 0; padding:0 0 0 0;
    }
    #contact .contact-informations-utiles h2 {text-align:center; font-size: 65px; width:100%; background:#FFF; line-height: 65px;margin:0 0 0 0; padding:80px 0 20px 0;
    }
    #contact .contact-autres { background:#FFF; width:100%; float:none; display:block; margin:0 0 0 0; padding:0 0 0 0;
    }
    #contact .contact-autres h2 {text-align:center; font-size: 65px; width:100%; background:#FFF; line-height: 65px; margin:0 0 0 0; padding:80px 0 20px 0;
    }
}


/* Selection de recettes particulieres VIEW ========================================================================= */

.view-selections .view-display-id-block_7 .view-header { background: inherit; margin-top: inherit; margin-right: inherit; color: inherit; display: block; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; font-size: inherit; font-weight: normal; height: inherit; line-height: inherit; padding: inherit; text-transform: inherit; }
.view-selections .view-display-id-block_7 .view-content { display: none; }
.view-selections .col-main{ background: none; padding: 0; }
.view-selections .view-dom-id-1{ display:none; }
.view-selections h2.pane-title { display: none; }
.view-selections .view-header {background: none;}
.view-selections .view-header .recipe-family { margin-top: 10px; margin-right: -10px; margin-left: -10px; background: url("/cms/sites/default/files/interface/bg-header-accordion.jpg") repeat-x scroll left top transparent;color: #FFFFFF; display: block; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; font-size: 18px; font-weight: normal; height: 35px; line-height: 35px; padding: 0 20px; text-transform: uppercase; }
.view-selections .views-row{ min-height: 311px; height:311px; padding: 15px; background: #FFF; margin-right: 8px; margin-bottom: 10px !important; margin-top: 10px; display: inline-table; }
.view-selections .views-field-field-rc-diffi-real-value { width: 74px; float: left; }
.view-selections .views-field-field-rco-prix-value { width: 54px; padding-top: 6px; float: left; padding-bottom: 4px; }
.view-selections .views-field-field-rc-images-fid { width: 207px; height: auto; border: 0; rtical-align: top; padding-bottom: 8px; lear:both; }
.view-selections .views-field-value{ float: right; width: 50px; }
.view-selections .views-field-value div.fivestar-widget-static .star { width: 10px; height: 23px; }
.view-selections .views-field-value div.fivestar-widget-static .star span.off{background: url(/skin/frontend/default/aromazone/images/interface/background/bg-voting-small.png) no-repeat 0 -23px;}
.view-selections .views-field-value div.fivestar-widget-static .star span.on{width: 100%!important; background: url(/skin/frontend/default/aromazone/images/interface/background/bg-voting-small.png) no-repeat 0 0;}
.view-selections .views-field-tid {height: 30px;display:block;width:207px;margin-bottom: 5px; font-weight: normal; max-height: 36px; overflow: hidden; line-height: 16px;font-size: 14px; color: #4b4b4b; font-family: HelveticaNeueMediumCondRg, Helvetica, sans-serif; line-height: 14px; font-weight: normal;}
.view-selections .views-field-name {height: 30px;display:block;width:207px;margin-bottom: 5px; font-weight: normal; max-height: 36px; overflow: hidden; line-height: 16px;font-size: 14px; color: #4b4b4b; font-family: HelveticaNeueMediumCondRg, Helvetica, sans-serif; line-height: 14px; font-weight: normal;}
.view-selections .views-field-title { font-size: 16px; color: #815c87; font-family: HelveticaNeueBoldCond; line-height: 16px; font-weight: normal; text-transform: none; max-width: 207px; margin: 0 0 10px; height: 50px; overflow: hidden; }
.view-selections .views-field-view-node { color: #815c87; font-weight: bold; text-transform: uppercase; padding-right: 15px; background: transparent url(/skin/frontend/default/aromazone/images/interface/puces/puce-violet.png) center right no-repeat;float: right; font-family:Arial, Helvetica, sans-serif; }
.view-selections.entete .views-row {padding:0; min-height: inherit; height:inherit; background: none; margin: 0px!important; display: block; }
.view-selections.entete .views-row-first {padding:0;}
.view-selections .views-row:nth-child(4n) {margin-right: 0px;margin-left:-1px;}

/*========================================================================= */
/* CSS pour les pages d'une formule seule ========================================================================= */

#formula-alone .field.field-type-text.field-field-bb-autoincrement {display: none;}
#formula-alone .field.field-type-text.field-field-bb-titre .field-label {display: none;}
#formula-alone .field.field-type-text.field-field-bb-titre {color: #333333; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial; text-transform: uppercase; display: inline-block; padding-right: 5px;font-size: 16px!important;}
#formula-alone .field.field-type-text.field-field-bb-auteur .field-label {display: none;}
#formula-alone .field.field-type-text.field-field-bb-auteur {color: #808080; font-style: italic; display: inline-block;}
#formula-alone .field.field-type-text.field-field-bb-contenu .field-label { display: none;}
#formula-alone .field.field-type-text.field-field-bb-contenu {border-collapse: collapse;margin: 3px 0;background-color: #F2ECF4;padding: 10px;}
#formula-alone .field.field-type-text.field-field-bb-contenu ul {margin-bottom: 15px;margin-top: 15px;}
#formula-alone .field.field-type-text.field-field-bb-contenu ul li {background: transparent url(../images/interface/puces/rond-rose.png) top left no-repeat; padding-left: 10px;}
#formula-alone .redirect-patho {margin-top:15px;}
#formula-alone .redirect-patho a {font-weight:bold;}


/*========================================================================= */
/* CSS FT pour ateliers AZ Tour ========================================================================= */
.block-az-tour {font-size: 18px; font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial;color:#4c4c4c;}
.block-az-tour a {font-weight:bold; color:rgb(234, 78, 156);}
/*========================================================================= */
/*========================================================================= */
/* CSS FT page home ateliers  ========================================================================= */
#home-ateliers {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 5px;
    align-items: flex-start;
}
#home-ateliers>div {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-around;
    background-image: url(/cms/sites/default/files/Pages_cms/ateliers-cosmetique-aroma-zone.jpg);
    background-repeat: no-repeat;
    margin: 10px;
    min-height: 273px;
    max-width: 50%;
    flex-grow: 1;
    flex-basis: 0;
    background-size: cover;
    height: auto!important;
    align-self: stretch;
    align-content: flex-start;
}
#home-ateliers>div:last-child {
    background-image: url(/cms/sites/default/files/Pages_cms/ateliers-aromatherapie-aroma-zone.jpg);
}
#home-ateliers>div h2 {
    margin: 20px 0;
    text-align: center;
    font-weight: bold;
    font-size: 3.1em;
    font-family: HelveticaNeueMediumCondRg, Helvetica, sans-serif;
    color: #b0c91d;
    text-transform: uppercase;
    background-color: rgba(255,255,255,0.9);
    padding: 0 10px;
    flex: 1 1 100%;
}
#home-ateliers>div:last-child h2 {
    color: #44aedc;
}
#home-ateliers>div a:hover {
    background-color: #fff;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}
#home-ateliers>div a {
    text-align: center;
    background-color: rgba(255,255,255,0.8);
    padding: 5px;
    max-width: 30%;
    margin-bottom: 10px;
    align-self: flex-start !important;
}
#home-ateliers>div a img {
    max-width: 130px;
}
#home-ateliers>div a .btnatelier{
    color: #FFF;
    font-weight: bold;
    font-size: 11px;
    background: #0000 url(/skin/frontend/default/aromazone/images/interface/background/bg-button.jpg) top left repeat-x;
    height: 25px;
    line-height: 25px;
    cursor: pointer;
    margin: 5px auto;
    border-radius: 3px;
    text-align: center;
}
#home-ateliers>div>p {
    min-height:135px;
    margin-top: 27px;
    padding: 20px;
    background: #fff;
    border: 1px solid #b0c91d;
    font-size: 1.23em;
}
#home-ateliers>div a h3 {
    font-family:Amatic, Helvetica, Arial;
    font-size: 3.5em;
    margin: 0;
    font-weight: bold;
    line-height: 1.5em;
}
#home-ateliers>div:last-child>p {
    border-color: #44aedc;
}
#atprog {
    background-color: #fff;
    display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;flex-direction: row;flex-wrap: wrap;justify-content: space-around;padding: 5px;align-items: flex-start;}
#atprog .atprogelm {
    display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-flex-direction: row;-moz-flex-direction: row;-ms-flex-direction: row;-o-flex-direction: row;flex-direction: row;flex-wrap: wrap;flex: 1 1 50%;margin: 10px 0;box-sizing: border-box;}
#atprog .atprogelm img {width:100%;}
#atprog .atprogelm h3 {
    flex: 1 2 100%;
    color: #C4B1A2;
    font-weight: bold;
    text-transform: uppercase;
}
#atprog .atprogelm dl {list-style-type: none;margin: 0;padding: 0; max-width:50%; display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-flex-direction: row;-moz-flex-direction: row;-ms-flex-direction: row;-o-flex-direction: row;flex-direction: row;flex-wrap: wrap;justify-content: space-between;margin-bottom: 5px;}
#atprog .atprogelm dt {flex: 1 1 100%;font-size: 1.2em;font-weight: bold;padding-left: 5px;text-transform: uppercase;color: #815c88;}
#atprog .atprogelm dd {flex: 1 1 47%; margin:0;}
#atprog .atprogelm dd a {
    display: block;
    text-align: center;
    padding: 5px;
    border: 1px solid #ccc;
    margin: 5px;
    font-weight: bold;
    border-radius: 5px;
}

#atprog h2 {
    color: #815c88;
    flex: 1 1 100%;
    border-bottom: 1px solid #815c88;
    padding: 0 0 5px 0;
    margin: 0;
}

#atprog .atprogelm .atimg {
    flex: 1 1 27%;
}

#atprog .atprogelm .atpdf {
    flex: 2 1 73%;
}

#atprog .atprogelm dd a:hover {
    color: #fff;
}
#atprog .atprogelm .atcosm a:hover {
    background: #b0c91d;
}
#atprog .atprogelm .atarom a:hover {
    background: #44aedc;
}
#atprog .atprogelm dl.atcosm {
    /* background-color: rgba(176, 201, 29,0.2); */
}

#atprog .atprogelm dl.atcosm dt {
    color: #b0c91d;
}

#atprog .atprogelm dl.atarom dt {
    color: #44aedc;
}

#atprog .atprogelm .atcosm a {
    border-color: #b0c91d;
    color: #b0c91d;
}

#atprog .atprogelm .atarom a {
    color: #44aedc;
    border-color: #44aedc;
}
/*========================================================================= */
/* CSS FT Entretien ========================================================================= */
.grid-man {
    columns:2;
    column-gap: 34px;
    max-width: 100%;
    height: auto;
    -webkit-perspective: 1;
    -moz-column-fill: balance;
    column-fill: balance;
}
.grid-man>div {border: 2px solid #3459a5;margin: 42px 0 0 0;border-radius:10px;display:inline-block;width: 100%;position: relative;padding-top: 31px;-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */page-break-inside: avoid; /* Firefox */break-inside: avoid; /* IE 10+ */break-inside: avoid-column; /* W3C */}
.grid-man .grid-man-content {
    padding: 0 10px 20px 20px;
    font-size: 1.1em;
}
.grid-man .grid-man-content .imgentretien {
    float: right;
    max-height: 150px;
    margin: 0 0 0 15px;
}
.grid-man .grid-man-content .imgentretien img {
    width: auto;
    max-height: 175px;
}
.grid-man>div>h2 {
    text-indent: -5000px;
    background: #0000 url(/cms/sites/default/files/fiche_technique/Ecodetergents/titres-ft-ecodetergents.png) no-repeat;
    width: 265px;
    height: 43px;
    position: absolute;
    left: 50%;
    top: -26px;
    transform: translateX(-50%);
}

.grid-man .grid-man-content>div {
    flex: 1 2 auto;
}
.grid-man .grid-man-content ul {
    margin: 0;
}
.grid-man .grid-man-content ul li {
    background-image: none;
    list-style-type: none;
    padding-bottom: 8px;
}
.grid-man .grid-man-content strong {
    color: #3459a5;
}
.grid-man .grid-man-content ul li:before {content: "•"; color: #3459a5;display: inline-block; width: 1em;
    margin-left: -5px}
.grid-man .entretien.cuisine {
    background-position: 0 0;
}
.grid-man .entretien.salle-de-bain h2,.grid-man .entretien.sdb h2 {
    background-position: 0 -89px;
}
.grid-man .entretien.lessive h2 {
    background-position: 0 -178px;
}
.grid-man .entretien.pieces-a-vivre h2 {
    background-position: 0 -267px;
}
.grid-man .entretien.garage h2 {
    background-position: 0 -356px;
}
.grid-man .entretien.buanderie h2 {
    background-position: 0 -445px;
}
.grid-man .entretien.sols-surfaces h2 {
    background-position: 0 -532px;
}
.grid-man .entretien.lessive-main h2 {
    background-position: 0 -621px;
}
.grid-man .entretien.lessive-liquide h2 {
    background-position: 0 -711px;
}
.grid-man .entretien.gros-travaux h2 {
    background-position: 0 -798px;
}
.grid-man .entretien.decoration h2 {
    background-position: 0 -887px;
}
.grid-man .entretien.animaux h2 {
    background-position: 0 -976px;
}
.grid-man .entretien.jardin h2 {
    background-position: 0 -1064px;
}
.grid-man .entretien.nettoyage h2 {
    background-position: 0 -1158px;
}
.grid-man .entretien.utilisations h2 {
    background-position: 0 -1249px;
}
.grid-man .entretien.comment-proceder h2 {
    background-position: 0 -1340px;
}
.grid-man .entretien.astuces h2 {
    background-position: 0 -1432px;
}
.grid-man .entretien.vitres h2 {
    background-position: 0 -1524px;
}
/*========================================================================= */
/*========================================*/
/*=======  TUTORIEL LIST  ================*/
/*========================================*/
.view-tutoriel .view-header { height: auto; line-height: normal; }
.view-tutoriel .views-row { float: left; width: 207px; margin: 10px;}

.view-tutoriel { background: #fff; }
.view-tutoriel h1 { margin: 20px; }
.view-tutoriel .view-header .img-header { position: relative; height: 148px; }
.view-tutoriel .view-header .img-header .text-header { position: absolute; top: 12px; left: 46%; background-color: #ffffff80; padding: 15px 20px; text-align: left; font-size: 14px; width: 48%; }
.view-tutoriel .view-header .text-header h1 { background-image: none; margin: 0 0 5px 0; padding: 0; color:#e4418b; }
.view-tutoriel .view-header .text-header p { margin: 0; padding: 0; }
.view-tutoriel .view-header p { font-size: 11px; line-height: 1.5em; padding: 10px 20px 0 20px; }
.view-tutoriel .view-content { margin:20px;clear: both; }
.view-tutoriel .view-content table.views-view-grid td { padding:5px; text-align:left; }
.view-tutoriel .view-content table.views-view-grid td>div { max-width:247px; }
.view-tutoriel .view-content table.views-view-grid td>div.views-field-title { font-weight:bold; font-size:13px; padding: 0 5px; margin: 3px 0; }
.view-tutoriel .views-field-field-tu-small-image-fid img { width: 100%!important; }
.view-tutoriel  .views-field-field-tu-subtitle-value {
    margin-top: -1px;
    z-index: 100;
    font-size: 13px;
    position: relative;
    padding: 1px 0 2px 4px;
    font-style: italic;
}
.view-tutoriel  .views-field-field-tu-subtitle-value span.field-content {
    font-size: 0.7em;
    background: #e4418b;
    color: #fff;
    margin: 0 0 0 41px;
    padding: 3px 5px;
}
.view-tutoriel .enfant  .views-field-field-tu-subtitle-value span.field-content {
    background: #44aedc;
}
.view-tutoriel .cuisine  .views-field-field-tu-subtitle-value span.field-content {
    background: #f19d1f;
}
.view-tutoriel .deco  .views-field-field-tu-subtitle-value span.field-content {
    background: #C4B1A2;
}
.view-tutoriel  .views-field-field-tu-subtitle-value span.field-content:before {
    content: "Tuto AZ";
    background: #fff;
    border : 1px solid #e4418b;
    color:#e4418b;
    padding: 1px 5px;
    font-size: 1em;
    margin: 0 5px 0 0;
    position: absolute;
    top: 3px;
    left:0;
}
.view-tutoriel .enfant .views-field-field-tu-subtitle-value span.field-content:before {
    border-color: #e4418b;
    color:#e4418b;
}
.view-tutoriel .cuisine .views-field-field-tu-subtitle-value span.field-content:before {
    border-color: #f19d1f;
    color:#f19d1f;
}
.view-tutoriel .deco .views-field-field-tu-subtitle-value span.field-content:before {
    border-color: #C4B1A2;
    color:#C4B1A2;
}
.view-tutoriel .views-field-field-tu-small-description-value {
    padding:0 5px;}
/*========================================*/
/*=======  TUTORIEL VIEW  ================*/
/*========================================*/
.tutoriel .top-wrapper { display: -webkit-flex; display: flex; padding: 10px 20px; flex-wrap: wrap; }
.tutoriel .top-wrapper h1.title { font-size: 24px; font-weight: bold; color: #3b3b1f !important;    margin-top: 4px; }
.tutoriel .top-wrapper .fivestar-static-form-item { margin-right: auto; margin-left: 10px; }
.tutoriel .top-wrapper .fivestar-static-form-item label, .top-wrapper form.fivestar-widget .description { display: none; }
.tutoriel .top-wrapper a.addToFavorite { margin: -9px 5px 0 0; }
.tutoriel .top-wrapper a.addToFavorite, .top-wrapper .links-top { position: relative; top: auto; right: auto; align-self: center; }

.tutoriel .left { width: 80%; padding: 0 20px; box-sizing: border-box; }
.tutoriel .left.full { width: 100%;  }
.tutoriel .left figure { margin-bottom:20px;position:relative; }
.tutoriel .left figure #picto_tuto { position:absolute; top:-13px;right:-3px;width:75px; }
.tutoriel .left.full figure img {width:100%;}

.tutoriel .top-wrapper h3 {
    display: flex;
    margin-top: 0px;
    flex-basis: calc(100% );
    justify-content: flex-start;
    flex-direction: column;
    font-size: 14px;
    margin: 0 0 8px 0;
    border-bottom: 1px solid #3b3b3b;
    flex-direction: row;
    color: #3b3b3b;
    padding-bottom: 3px;
    font-family: HelveticaNeue57Condensed;
}
.tutoriel.maquillage .top-wrapper h3 { border-color:#E2428C;}
.tutoriel.maquillage .top-wrapper h3 span:first-child {color:#E2428C;}
.tutoriel.maquillage .left figure #picto_tuto #forme {fill:#E2428C}


.tutoriel.enfant .top-wrapper h3 { border-color:#44aedc;}
.tutoriel.enfant .top-wrapper h3 span:first-child {color:#44aedc;}
.tutoriel.enfant .left figure #picto_tuto #forme {fill:#44aedc}


.tutoriel.cuisine .top-wrapper h3 { border-color:#f19d1f;}
.tutoriel.cuisine .top-wrapper h3 span:first-child {color:#f19d1f;}
.tutoriel.cuisine .left figure #picto_tuto #forme {fill:#f19d1f}


.tutoriel.deco .top-wrapper h3 { border-color:#C4B1A2;}
.tutoriel.deco .top-wrapper h3 span:first-child {color:#C4B1A2;}
.tutoriel.deco .left figure #picto_tuto #forme {fill:#766257}

.tutoriel .tuto-body { font-size: 15px; line-height: 1.55em; padding: 0 10px;}

.tutoriel .right { width: 20%; padding: 0 20px 0 0; box-sizing: border-box; }
.tutoriel .right div.recette { margin-bottom: 20px; }
.tutoriel .right div.recette figure img { width: 100%; }
.tutoriel .right div.recette p { line-height: 1.5em; font-size: 13px; margin: 0; }

.tutoriel table.tuto-sum { width: 100%; margin: 20px 0; font-size: 16px; border-collapse: collapse; border-style: hidden; }
.tutoriel table.tuto-sum th { font-weight: bold; }
.tutoriel table.tuto-sum th, table.tuto-sum td { padding: 5px 20px; border: 1px solid #ccc; border-width: 0 1px 0 0; position:relative;}

.tutoriel div.tuto-step .step-container .left-container figure.over_slider .color { opacity: 0.5; }

.tutoriel div.tuto-step .step-container { width: 100%;  margin-bottom: 20px; }
.tutoriel div.tuto-step .step-container ul.steps { align-content: center; align-items: center; counter-reset: stepCount; display: -webkit-flex; display: flex; justify-content: space-around; margin: 40px 0 40px 40px; }
.tutoriel div.tuto-step .step-container ul.steps li { padding:0; background: #d6d6d8; color: white; content: ' '; display: -webkit-flex; display: flex; -webkit-flex-grow: 1; flex-grow: 1; height: .2em; line-height: 1em; margin: 0; position: relative; text-align: right; z-index: 0; font-weight: bold; }
.tutoriel div.tuto-step .step-container ul.steps li::before { color: white; background: #cccccc; border-radius: 50%; counter-increment: stepCount; content: counter(stepCount); height: 3em; left: -3em; line-height: 3em; position: absolute; text-align: center; top: -1.5em; width: 3em; }
.tutoriel div.tuto-step .step-container ul.steps li.active { background-color: #afc600; font-size: 1.2em; }
.tutoriel div.tuto-step .step-container ul.steps li.active:before { background-color: #afc600; color: #fff; }

.tutoriel.maquillage div.tuto-step .step-container ul.steps li.active:before,
.tutoriel.maquillage div.tuto-step .step-container ul.steps li.active { background-color: #E2428C;}
.tutoriel.enfant div.tuto-step .step-container ul.steps li.active:before,
.tutoriel.enfant div.tuto-step .step-container ul.steps li.active { background-color: #44aedc;}
.tutoriel.cuisine div.tuto-step .step-container ul.steps li.active:before,
.tutoriel.cuisine div.tuto-step .step-container ul.steps li.active { background-color: #f19d1f;}
.tutoriel.deco div.tuto-step .step-container ul.steps li.active:before,
.tutoriel.deco div.tuto-step .step-container ul.steps li.active { background-color: #C4B1A2;}


.tutoriel div.tuto-step .step-container ul.steps li.active ~ li { background-color: #cccccc; }
.tutoriel div.tuto-step .step-container ul.steps li.active ~ li::before { background-color: #ccc; }
.tutoriel div.tuto-step .step-container ul.steps li:last-child { flex: 0 1 0;}
.tutoriel div.tuto-step .step-container .left-container { float: left;  width: 33%; }
.tutoriel div.tuto-step .step-container .left-container figure img { width: 100%; }
.tutoriel div.tuto-step .step-container .left-container figure figcaption { font-style: italic; }
.tutoriel div.tuto-step .step-container .left-container figure.over_slider { position: relative; width: 246px; min-height: 150px; height: 190px; background: #fff; }
.tutoriel div.tuto-step .step-container .left-container figure.over_slider > * { position: absolute; width: 100%; }
.tutoriel div.tuto-step .step-container .left-container figure.over_slider .over { overflow: hidden; }
.tutoriel div.tuto-step .step-container .left-container figure.over_slider img { width: 247px; }
.tutoriel div.tuto-step .step-container .left-container figure.over_slider figcaption { font-style: italic; }
.tutoriel div.tuto-step .step-container .right-container { padding-bottom: 20px; display: flex; align-items: flex-start; justify-content: space-around;  background: #fff; width: 67%; float: left; }
.tutoriel div.tuto-step .step-container .right-container h4 { margin-bottom: 8px; }
.tutoriel div.tuto-step .step-container .right-container .step-recettes ul { list-style-type: none; margin: 0; padding: 0; }
.tutoriel div.tuto-step .step-container .right-container .step-recettes ul li { list-style-type: none; background-image: none; }
.tutoriel div.tuto-step .step-container .right-container .step-recettes ul li figure { float: left; margin-right: 20px; }
.tutoriel div.tuto-step .step-container .right-container .step-recettes ul li figure img { width: 90px; }
.tutoriel div.tuto-step .step-container .right-container .step-recettes ul li a { display: block; }
.tutoriel div.tuto-step .step-container .right-container .step-recettes ul li p a { font-weight: bold; }
.tutoriel div.tuto-step .step-container .left-content { width: 100%; }
.tutoriel div.tuto-step .step-container .right-content { width: 90%; }


.fiche-technique table.baseTable {
    font-size: 12px;

}
.fiche-technique table.baseTable.baseHe {
    background-color: #cad974;
}
.fiche-technique table.baseTable.baseActif {
    background-color: #FCD3F1;
}
.fiche-technique table.baseTable.baseFrag {
    background-color: #f0cbf7;
}

.fiche-technique table.baseTable td {
    vertical-align: middle;
    padding-left: 5px;
    border: 1px solid #fff;
}
.fiche-technique table.baseTable thead td {
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    padding: 10px;

}
.fiche-technique table.baseTable.baseHe  thead td{
    background-color: #b0c91d;
}
.fiche-technique table.baseTable.baseHActif thead td{
    background-color: #b0c91d;
}
.fiche-technique table.baseTable.baseFrag thead td{
    background-color: #815d88;
    color: #fff;
}

.fiche-technique table.baseTable tbody td[rowspan] {
    font-weight:bold;
}
.fiche-technique table.baseTable.baseHe tbody td[rowspan] {
    background-color: #b0c14e;
    color: #696969;
}
.fiche-technique table.baseTable.baseActif tbody td[rowspan] {
    background-color:#f0cbf7;
    color: #cc0099;
}
.fiche-technique table.baseTable.baseFrag tbody td[rowspan] {
    background-color:#f0cbf7;
    color: #815d88;
}

.fiche-technique table.baseTable.baseHe tbody td:not(:last-child) a[target] {
    font-weight:bold;
}
.fiche-technique table.baseTable.baseHe tbody td a {
    color:#808080;
}
.fiche-technique table.baseTable a.btn-cart {
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 10px;
    text-decoration: none!important;
}
.fiche-technique table.baseTable a.btn-cart span {
    display: table-cell;
    vertical-align: bottom;
    font-size: 10px;
    text-align:center;
    line-height: 1.2em;
}
.fiche-technique table.baseTable a.btn-cart span b {
    font-size: 1.2em;
    color: #815c88;
}
.fiche-technique table.baseTable a.btn-cart span b strike {
    font-size: 8px;
    font-weight: normal;
    color: #f00;
}
.fiche-technique table.baseTable a.btn-cart span.button {
    background: transparent url(/skin/frontend/default/aromazone/images/interface/button/btn-add-cart-list.png) no-repeat;
    background-size: contain;
    background-position: 0 50%;
    text-indent: -5000px;
    height: 26px;
    width: 33px;
    display: block;
}


.fxpopup h2 {
    margin-top: 0;
    color: #333;
    font-family: Tahoma, Arial, sans-serif;
}
.fxpopup .close {
    position: absolute;
    top: 3px;
    right: 30px;
    transition: all 0.2s;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}
.fxpopup .close:hover {
    color: #06D85F;
}
.fxpopup .content {
    overflow: auto;
    font-weight: bold;
    color:#8e8e8e;
}
.fxpopup.hide {
    right: -185px;
}
.fxpopup .content strong{color:#a01170;text-decoration: underline;}

/*Let's make it appear when the page loads*/

.fxpopup {
    background: #fff;
    border-width: 3px 0 3px 3px;
    border-color: #a01170;
    border-style: solid;
    border-radius: 5px 0 0 5px;
    width: 240px;
    position: fixed;
    top:200px;
    right: 0;
    padding: 10px 0 10px 5px;
    margin: 10px 0;
    z-index: 10;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    -webkit-box-shadow: -6px 6px 17px 0px rgba(199,199,199,1);
    -moz-box-shadow: -6px 6px 17px 0px rgba(199,199,199,1);
    box-shadow: -6px 6px 17px 0px rgba(0, 0, 0,0.5);
}

.fxpopup.fixed-popup {
    top:75%;
}
.fxpopup img {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 5px;
    cursor: ew-resize;
}
@media screen and (max-width: 1345px){
    .fxpopup {
        max-width:450px;
        width: auto;
        min-width: 50px;
    }
    .fxpopup img {
        width:35px;
        height:35px;
    }
    .fxpopup .content {
        padding-top: 10px;
        padding-right: 10px;
        display: block;
        white-space :nowrap;
    }

    .fxpopup.hide {
        right:-345px;
    }
}
@media screen and (max-width: 982px){
    .box{
        width: 70%;
    }
    .fxpopup{
        width: 100%;
        top: 0;
        z-index:10000;
        height:50px;
        margin:0;
        padding: 1em 0 0 0;
        max-width:100%;
        background-color: #a01170;
        color: #fff;
        border: none;
        border-radius: 0;
    }
    .fxpopup img {display:none;}
    .fxpopup .content {text-align:center;font-size:1.8em;}
    .fxpopup .content strong {color:#fff;text-decoration:underline;}
}

/* page c&c */
div#node-21007 {background : transparent url(/cms/sites/default/files/boutiques/click-and-collect/Page_Click&Collect-03.png) 5px 0px no-repeat;width:815px;margin:auto;padding:20px 0;}
#node-21007 h1 {font-family:Amatic, Helvetica, Arial;color:#B0C700;font-size:41px;background: transparent url(/cms/sites/default/files/boutiques/click-and-collect/Page_Click&Collect-11.png) top left no-repeat;margin-left:170px;margin-top:25px;}
#node-21007-a {font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial;color:#B0C700;font-size:17px;text-transform:uppercase;text-align:center;width:160px;position:relative;float:right;top:-55px;}
#node-21007-b {font-family: HelveticaNeueLTStdBdCn, Helvetica, Arial;color:#938683;font-size:22px;text-transform:uppercase;text-align:center;width:310px;position:relative;top:-10px;left:250px;}
#node-21007-c {background : transparent url(/cms/sites/default/files/boutiques/click-and-collect/Page_Click&Collect-08.png) top left no-repeat;width:248px;height:312px;float:left;text-align:center;clear:both;margin-bottom:20px;}
#node-21007-d {background : transparent url(/cms/sites/default/files/boutiques/click-and-collect/Page_Click&Collect-09.png) top left no-repeat;width:248px;height:312px;float:left;text-align:center;clear:right;margin:0 33px;margin-bottom:20px;}
#node-21007-e {background : transparent url(/cms/sites/default/files/boutiques/click-and-collect/Page_Click&Collect-10.png) top left no-repeat;width:248px;height:312px;float:right;text-align:center;clear:right;margin-bottom:20px;}
span.candc-top {font-family: HelveticaNeueLightCond, Helvetica, Arial;color:#938683;font-size:16px;text-transform:uppercase;display:block;padding:60px 30px 0 30px;line-height:19px;}
span.candc-bottom {font-family: HelveticaNeueLightCond, Helvetica, Arial;color:#B0C700;font-size:16px;text-transform:uppercase;display:block;padding:100px 30px 0 30px;line-height:19px;}
#node-21007-c span.candc-bottom {background : transparent url(/cms/sites/default/files/boutiques/click-and-collect/Page_Click&Collect-04.png?) top center no-repeat;}
#node-21007-d span.candc-bottom {background : transparent url(/cms/sites/default/files/boutiques/click-and-collect/Page_Click&Collect-05.png?) top center no-repeat;}
#node-21007-e span.candc-bottom {background : transparent url(/cms/sites/default/files/boutiques/click-and-collect/Page_Click&Collect-06.png?) top center no-repeat;}
#node-21007-f  {clear:both;font-family: HelveticaNeueLightCond, Helvetica, Arial;color:#938683;font-size:16px;text-align:center;margin:auto;}
/* page boutiques */
.boutique {font-size:1.2em;}
.boutique .boutique-header{
    display: flex;
    padding: 10px 0;
    flex-wrap: wrap;
    margin-bottom:35px;
}
.boutique .boutique-more {
    font-size:12px;
    color: #3c3c3c;
}
.boutique .grid-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    flex-direction: row;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: space-around;
}
.boutique .col {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.boutique .col-left {
    -webkit-box-ordinal-group:-1;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
}
.boutique .col-text{
    min-height:30em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.boutique .Aligner-item {
    width:80%;
    line-height:1.55em;
}
.boutique .Aligner-item ul,
.boutique .Aligner-item ul li{
    margin:0;
    line-height:1.55em;
}
.boutique .col-image {
    background-size: cover;
    background-position:center center;
}

@media (max-width: 640px) {
    .boutique .grid-flex {
        height: 40em;
        display: -webkit-flex;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    .boutique .col {
        order:vertical;
    }
    .boutique .col-left {
        -webkit-box-ordinal-group:0;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }
    .boutique .col-text div p {
        padding: 1em;
    }
    .boutique .Aligner-item {
        width: 90%;
    }
}
/** css boutiques **/
.boutique div#v-cookielaw,.boutique .block-header-account,.boutique .block-cart,
.boutique .btn-cart,.boutique .box-quantity, .boutique .container-qty  {
    display: none;
}
.boutique .quick-access .links {float:none;text-align: center;width: 100%;display: flex;justify-content: space-between;}
.boutique .quick-access,.boutique .top-bar {padding:0;clear: both;width:100%;float:none;border-bottom: 1px solid #815D88;height: auto;}
.boutique .form-search {width:100%;display: flex;justify-content: space-between;background: #fff;}
.boutique .form-search input.input-text {width:100%;height: 47px;font-size: 17px;}
.boutique .form-search button.button span#az_search_button {
    width: 100%;
    height: auto;
    background-position-x: 50%;
}
.boutique #nav a {font-size:14px;}
.boutique div.form-search button.button span.loading {
    height: auto;
    width: 100px;
    margin-right: 5px;
}

.boutique .quick-access .links li {
    float: none;
}

.boutique .quick-access .links li>a:after {
    display: none;
}

.boutique .quick-access .links li>a {
    font-size: 18px;
}
.boutique .footer {
    height:auto;
}
.boutique .footer .block-drupal>ul>li {
    padding-right: 40px;
}