/* 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; } .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; } .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; 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 { float: left; width: 730px; } .panel-2col .panel-col-last { float: right; } .panel-2col .panel-col-last .pane-block .pane-content { width: 240px; /*background: #FFF;*/ } .panel-2col .panel-col-last .pane-block .pane-content a:hover{opacity: 0.7;} .panel-2col .panel-col-first .pane-block .pane-content { width: 100%; background: #FFF; } .panel-2col .panel-col-first .inside-block { padding: 14px 20px; } .panel-2col .panel-col-first .inside-block a:hover{opacity: 0.7;} .panel-2col .panel-col-first .panel-region-separator { width: 100%; height: 10px; } /** Panel 3 Col **/ .panel-3col-33 {} .panel-3col-33 .panel-panel {float:left; width: 327px} /** Bloc Home Recette **/ .bloc-recette-moment { background: #FFF; } .bloc-recette-moment .view-header { padding: 0 18px; background: #afc600; font-size: 18px; color: #FFF; height: 35px; line-height: 35px; font-family: HelveticaNeueLTStdBdCn; 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; font-size: 11px; font-weight: bold; text-transform: uppercase;line-height: 35px; display: block; } .bloc-recette-moment .view-content { padding: 0 18px; } .bloc-recette-moment .view-content .views-row { float: left; width: 208px; margin-left: 35px; height: 300px; position:relative;} .bloc-recette-moment .view-content .views-row+.views-row {margin-top:0; } .bloc-recette-moment .view-content .views-row.views-row-first { margin-left: 0; } .bloc-recette-moment .view-content .views-row .views-field-tid { display: block; padding: 4px 0; font-size: 14px; color: #4b4b4b; font-family: HelveticaNeueMediumCondRg; 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:0;} .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: 5px 18px; clear: both; color: #808080; font-size: 15px; } .bloc-recette-moment .view-footer p { margin: 0; } .bloc-recette-moment .view-footer span { text-transform: uppercase; font-family: HelveticaNeueLTStdBdCn; padding-right: 10px; } .bloc-recette-moment .view-footer a { color: #808080; font-weight: bold; font-size: 11px; } /** Footer Top **/ .footer-top { padding: 20px 0; background: transparent url(../images/interface/background/bg-footer-top.jpg) top left repeat-x; height: 80px; } .footer-top a:hover {opacity:0.8;} .list-service-az { list-style:none; } .list-service-az li{ display: block; float: left; border-left:1px solid #cfcfcf; } .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;} .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;} /* 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; 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:532px; padding-left:197px; position:relative; height:343px; border:1px solid #dddcdd; } #carrousel-home ul { position:absolute; top:0; left: 0; list-style:none; padding:0; margin:0; width:197px; } #carrousel-home ul li { padding: 0;margin: 0px 0px -5px 0px; border-right:1px solid #dddcdd; height: 85px; } #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: 85px; width: 196px; background-position: top left; background-repeat: no-repeat; } #carrousel-home .ui-tabs-panel{ width:532px; height:343px; 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: 85px; width: 196px; 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:#a1e4fd;background: #d7b9f4*/ background: #b094c9 /*transparent url(../images/interface/background/bg-header-rose.jpg) top left repeat-x*/; padding: 0 20px; } .block-home-promo .block-header h3 { float: left; color: #ffffff; font-size: 18px; line-height: 35px; font-family: HelveticaNeueLTStdBdCn; 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-right: 15px; clear:both; display:block;} .block-home-promo .product-name {max-width: 160px;} .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: 5px; padding-top: 0; } /* .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: 17px; padding-top: 10px; 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: 10px auto 0;} .block-home-promo .products-grid .price-box .price {max-width: 70px;} .block-home-promo .products-grid .product-price .reduce{margin-right: 10px;} /* 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; 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; text-transform: uppercase; background: transparent url( ../images/interface/puces/puce-logo-medium.png) center left no-repeat; font-weight: normal; margin-bottom: 7px; } .node h5.sous-sous-titre2 { color: #4b4b4b; font-size: 16px; line-height: 16px; padding-left: 38px; font-family: HelveticaNeueLTStdBdCn; 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; 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; 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: -10px; right: 20px; z-index:10; } .node .links-top ul { } .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; text-transform: uppercase; } .fiche-savoir-faire .top h2 { font-size: 26px; font-weight: normal; color: #4c4c4c; font-family: HelveticaNeueLTStdBdCn; 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 .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 { width: 485px; background: #fcedf4; border-right: 11px solid #ffffff;vertical-align: top;} .fiche-savoir-faire .block-cest-quoi h3.subtitle { background: transparent 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; 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; 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;} .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; margin: 0; margin-top: 10px; } .fiche-savoir-faire .practice .step-conditions-real .description { font-size: 14px; color: #4c4c4c; font-family: HelveticaNeueLTStdBdCn; } .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; 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 .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; } /* 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 .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; 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; 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.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; font-size: 12px; background: #815C87; padding: 8px; position: absolute; left: -96px; color: #FFF; text-align: center;}*/ .list-recipe .container-counter { font-family: HelveticaNeueLTStdBdCn; 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; 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; 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; text-transform: uppercase; } .list-recipe.recette_cosmetique .top-header .center .recipe-label { color: #fff; font-size: 14px; font-family: HelveticaNeueLTStdBdCn; 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; 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; 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; 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; 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; 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: 15px; 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; padding-top: 15px; padding-left: 104px; height: 61px; line-height: 13px; }*/ .block-book-pdf {font-size: 11px; color: #9d8d86; font-family: HelveticaNeueLTStdBdCn; 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 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; 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; 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 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: 115px; } .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; margin-bottom: 0; } .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 .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;} /** 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 { background: #b6c165 url(../images/interface/background/bg-col-veterinaire.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; } /** 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 .info-fiche { float: right; width: 568px; } .bloc-entete .info-fiche h3 { font-family: HelveticaNeueLTStdBdCn; font-size: 20px; color:#815c87; margin: 0; font-weight: normal; text-transform: uppercase; margin-top: 10px; line-height: 20px; padding-bottom: 5px;} .bloc-entete .info-fiche h1 { font-family: HelveticaNeueLTStdBdCn; font-size: 24px; color:#4c4c4c; margin: 0; font-weight: normal; text-transform: uppercase; line-height: 24px; } .bloc-entete .info-fiche h1 p { font-family: HelveticaNeueLTStdBdCn; 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 .fiche-share { height: 34px; padding: 12px 0; position: relative; } .bloc-entete .info-fiche .fiche-share .addthis_toolbox { padding-top: 7px; float: left; } .node .average { padding-left: 25px; padding-right: 15px; float: left; position: relative; width: 400px} .node .average .fivestar-static-form-item { float: left; } .node .average .fivestar-static-form-item .description .total-votes {display: none; } .node .average a { padding-left: 6px; color: #4C4C4C; font-family: Arial; font-size: 14px; font-weight: bold; letter-spacing: 0px; line-height: 34px; text-align: center; text-transform: uppercase;} .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; color: #815c87; font-weight: bold; font-style: italic; font-family: Arial; line-height: 18px; padding-top: 15px;} .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;} /** Block Menu **/ .bloc-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 { display: block; float: left; padding-left: 28px; background: transparent url( ../images/interface/puces/puce-logo-small.png) left center no-repeat !important; margin-left: 35px; padding-right: 35px; border-right: 1px solid #aaa9ab; line-height: 18px; height: 22px; padding-bottom: 0;} .bloc-menu ul li.last, .bloc-menu 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; background: transparent url( ../images/interface/puces/puce-violet.png) center right no-repeat; } /** Accordion **/ .fiche-accordion { font-size: 12px;} .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; 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-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;} /** 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;*/} /** 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; 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; 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 { list-style: none; margin: 0; padding: 0; } .node .list-types-utilisation li { float: left; width: 14%; height: 80px;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;*/ } /** Block Comment **/ .no-comment {margin: 0; float: left; } .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; 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; } /** 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; 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; } .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-family: 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-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; 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; font-size: 15px; } .recipe .table-ingredient th:first-child { border: none; } .recipe .table-ingredient th.cell-phase, .recipe .table-ingredient th.cell-ingredient, .recipe .table-ingredient th.cell-percent { 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; 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 th.cell-percent {font-family: helvetica, sans-serif;font-weight: bold;} .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; 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 { font-family:Arial; font-weight: bold; letter-spacing: 0px; text-transform: uppercase; color: #4C4C4C; font-size: 14px; display: block; text-align: center; line-height: 34px; } 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: 340px; margin: auto; padding-left: 80px; } .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: 30px 0 10px; } .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: #AE92C0; 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 .views-exposed-widgets .views-exposed-widget:first-child{ float: left;} .list-documentation .views-exposed-widget { float: left; } .list-documentation .views-field-field-fsf-vignette-fid, .list-documentation .views-field-field-fsf-visuel-fiche-fid { float: left; width: 200px; margin-right: 10px; min-height: 200px; } .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; 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; 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; 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; 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;} /*========================================================================= */ /* 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; } .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; } .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; margin-bottom: -74px; padding-top:24px; margin-left: 14px; } .nos-conseil-presentation {margin-right: 44px; padding:0 0 31px 372px; font-family: HelveticaNeueMediumCondRg; 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; 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; 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;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; 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; 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; 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;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; 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; 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; 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; 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; color: #333333; padding: 5px; text-align: center; vertical-align: middle; } .table-sapo .header-table em { font-style: normal; font-family: Arial; 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; 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; 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; 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;*/ } /*#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; } .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;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;text-transform: uppercase;margin: 30px 0 15px;} .node-classic h3 {clear:both;color:#4b4b4b;font-size: 16px;line-height: 16px;font-family: HelveticaNeueLTStdBdCn;text-transform: uppercase;padding: 12px 0 5px;margin:0;} .node-classic h4 {clear:both;color:#815c88;font-family: HelveticaNeueLTStdBdCn;} .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 h1 {clear:both;color:#4B4B4B;font-size: 24px;line-height: 24px;padding-left: 38px;font-family: HelveticaNeueLTStdBdCn;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 .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;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;margin: 0;line-height: 35px;font-size: 18px;color: white;font-family: HelveticaNeueLTStdBdCn;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; 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; 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; margin-right:10px; padding-right : 10px; font-family: HelveticaNeueLTStdBdCn; font-size: 14px; text-transform: uppercase; float:left;list-style: none; padding: 0; margin: 0 15px 0 0; 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; 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; font-weight: normal; text-transform: uppercase; padding: 0 20px; } .fiches-beaute h4 { color: #815c88; font-size: 19px; font-family: HelveticaNeueLTStdBdCn; 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; 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;} .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 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: 28px; top: 64px; } .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; 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 {background: transparent url(../images/interface/background/bg-title-fsante_01.jpg) top left no-repeat; text-indent: 18px; line-height: 158px; font-family: HelveticaNeueMediumCondRg; 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; 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; 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;} .view-formulas-pathologie .view-row-fiches .views-field-description .field-content h4 {padding-bottom:10px;text-transform: uppercase; color:#88668e;font-family: HelveticaNeueLTStdBdCn;} .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;} .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; 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; 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; 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;} #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;} #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; 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; 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; 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; 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; } #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; 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; 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-texte-1-experts { font-weight: normal;text-transform:inherit; color: #9C8D85; font-size: 40px; line-height: 45px; font-family: arial; 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; 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-selection-recettes-particuliere .view-display-id-block_7 .view-header { background: inherit; margin-top: inherit; margin-right: inherit; color: inherit; display: block; font-family: HelveticaNeueLTStdBdCn; font-size: inherit; font-weight: normal; height: inherit; line-height: inherit; padding: inherit; text-transform: inherit; } .view-selection-recettes-particuliere .view-display-id-block_7 .view-content { display: none; } .view-selection-recettes-particuliere .col-main{ background: none; padding: 0; } .view-selection-recettes-particuliere .view-dom-id-1{ display:none; } .view-selection-recettes-particuliere h2.pane-title { display: none; } .view-selection-recettes-particuliere .view-header {background: none;} .view-selection-recettes-particuliere .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; font-size: 18px; font-weight: normal; height: 35px; line-height: 35px; padding: 0 20px; text-transform: uppercase; } .view-selection-recettes-particuliere .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-selection-recettes-particuliere .views-field-field-rc-diffi-real-value { width: 74px; float: left; } .view-selection-recettes-particuliere .views-field-field-rco-prix-value { width: 54px; padding-top: 6px; float: left; padding-bottom: 4px; } .view-selection-recettes-particuliere .views-field-field-rc-images-fid { width: 207px; height: auto; border: 0; rtical-align: top; padding-bottom: 8px; lear:both; } .view-selection-recettes-particuliere .views-field-value{ float: right; width: 50px; } .view-selection-recettes-particuliere .views-field-value div.fivestar-widget-static .star { width: 10px; height: 23px; } .view-selection-recettes-particuliere .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-selection-recettes-particuliere .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-selection-recettes-particuliere .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; line-height: 14px; font-weight: normal;} .view-selection-recettes-particuliere .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; line-height: 14px; font-weight: normal;} .view-selection-recettes-particuliere .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-selection-recettes-particuliere .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; } .view-selection-recettes-particuliere.entete .views-row {padding:0; min-height: inherit; height:inherit; background: none; margin: 0px!important; display: block; } .view-selection-recettes-particuliere.entete .views-row-first {padding:0;} .view-selection-recettes-particuliere .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; 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;color:#4c4c4c;} .block-az-tour a {font-weight:bold; color:rgb(234, 78, 156);} /*========================================================================= */