/** * 2007-2022 PrestaShop * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@prestashop.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade PrestaShop to newer * versions in the future. If you wish to customize PrestaShop for your * needs please refer to http://www.prestashop.com for more information. * * @author PrestaShop SA <contact@prestashop.com> * @copyright 2007-2022 PrestaShop SA * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) * International Registered Trademark & Property of PrestaShop SA * * Don't forget to prefix your containers with your own identifier * to avoid any conflicts with others containers. */
 .debit_numero, .personnes_numero {
    border: 1px solid;
    font-size: 35px;
    display: inline-block;
    padding: 2px;
    width: 65px;
    height: 62px;
    font-weight: 600;
    border-radius: 14px;
    color: #054372;
    margin: 15px;
    cursor: pointer;
    line-height: 45px;
}
 .debit_numero.selected, .debit_numero:hover, .personnes_numero.selected, .personnes_numero:hover {
     color: #fff;
     background: #054372;
}
 #module-josmoseguide-guide .product-name a {
     font-size: 13px;
     line-height: 18px;
     color: #000;
     font-weight: 600;
     font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
}
 #module-josmoseguide-guide .price.product-price {
     color: #fff;
     background: #235172;
     font: 600 17px/40px "Raleway Bold","Roboto Condensed",sans-serif;
     width: 100%;
     height: 40px;
}
 #module-josmoseguide-guide .product-info-left {
     width: 60%;
     padding-top: 12px;
     float: left;
}
 #module-josmoseguide-guide ul.product_list.grid > li .product-container .content_price {
     width: 40%;
     float: left;
     text-align: right;
}
 #module-josmoseguide-guide .sale-box {
     width: 65px;
     height: 30px;
     top: initial;
     left: inherit;
     position: relative;
     background: #fea501;
     display: inline-block;
}
 #module-josmoseguide-guide .sale-label {
     color: #fff;
     text-transform: uppercase;
     width: 100% 
}
 #module-josmoseguide-guide ul.product_list .availability span.available-now, #module-josmoseguide-guide .color-list-container, #module-josmoseguide-guide ul.product_list .availability {
     display: none;
}
 #module-josmoseguide-guide ul.product_list.grid > li .product-container {
     min-height: 430px;
     padding-top: 50px;
     width: 100%;
     margin-bottom: 15px;
}
 #module-josmoseguide-guide ul.product_list.grid > li .product-container .button-container {
     display: block;
     position: absolute;
     top: 10px;
     right: 25px;
     left: initial;
}
 #module-josmoseguide-guide ul.product_list.grid > li .product-container .button-container .lnk_view, #module-josmoseguide-guide a.button.ajax_add_to_cart_button.btn.btn-default span {
     display: none;
}
 #module-josmoseguide-guide span.button.ajax_add_to_cart_button.btn.btn-default span {
     display: none;
}
 #module-josmoseguide-guide a.button.ajax_add_to_cart_button.btn.btn-default {
     text-align: center;
     width: 40px;
     height: 40px;
     border: 2px solid #4194f3;
     border-radius: 50%;
     opacity: .5;
     background: #fff url("/themes/josmose/img/panier-n.png") center center no-repeat;
}
 #module-josmoseguide-guide span.button.ajax_add_to_cart_button.btn.btn-default {
     text-align: center;
     width: 40px;
     height: 40px;
     border: 2px solid #4194f3;
     border-radius: 50%;
     opacity: .5;
     background: #fff url(/themes/biomarket/img/panier.jpg) center center no-repeat;
}
 #module-josmoseguide-guide a.button.ajax_add_to_cart_button.btn.btn-default:hover {
     opacity: 1;
}
/*Fin Order order-opc */
/* Block remise */
 #module-josmoseguide-guide #old_price {
     color: #044370;
     padding-bottom: 0;
     font-family: 'Raleway',sans-serif;
}
 #module-josmoseguide-guide .price-percent-reduction,#module-josmoseguide-guide #reduction_percent, #module-josmoseguide-guide #reduction_amount {
     background: #ff0d40;
     border: 1px solid #ff0d40;
     color: #fff;
     font-family: 'Raleway',sans-serif;
     line-height: normal;
     margin-left: 10px;
     padding: 3px;
}
 #module-josmoseguide-guide .price-percent-reduction:before, #module-josmoseguide-guide #reduction_percent:before, #module-josmoseguide-guide #reduction_amount:before {
     content: "REMISE DE";
     font-size: 8px;
     display: block;
     text-align: left;
}
 #module-josmoseguide-guide .price-percent-reduction, #module-josmoseguide-guide #reduction_percent, #module-josmoseguide-guide #reduction_amount {
     background: #ff0d40;
     border: 1px solid #ff0d40;
     line-height: normal;
}
 #module-josmoseguide-guide .product-desc {
     display: none !important;
}
 #module-josmoseguide-guide span.price-percent-reduction {
     bottom: 129px;
     left: initial;
     right: 22px;
     top: initial;
     font: 600 17px/19px "Raleway Bold","Roboto Condensed",sans-serif;
}
 #module-josmoseguide-guide .add_to_compare {
     display: none !important;
}
 #module-josmoseguide-guide h3 {
     padding: 0 5px 0 0;
     margin-bottom: 0;
     margin-top: 0;
     line-height: 13px;
}
 #module-josmoseguide-guide .content_price {
     padding-top: 15px;
}
/* Integration */
 #module-josmoseguide-guide .guide-title-ads {
     text-align: center;
     color: #024272;
     font-family: 'Open Sans';
     font-weight: bold;
     font-size: 30px;
}
 #module-josmoseguide-guide .guide-title-ads:before {
     content: "";
     width: 20px;
     height: 20px;
     background: #024272;
     display: inline-block;
     margin-right: 10px;
}
 #module-josmoseguide-guide .div-show-questionnaire {
     text-align: center;
}
 #module-josmoseguide-guide .div-show-questionnaire button {
     background : #66e9b3;
     color: #fff;
     font-weight: bold;
     font-size: 18px;
     padding: 1.5rem 5rem;
     border-radius: 17px;
     margin: 5rem auto;
     position: relative;
}
 #module-josmoseguide-guide button:focus {
     outline: none;
}
 #module-josmoseguide-guide .div-show-questionnaire button:before , #module-josmoseguide-guide .div-show-questionnaire button:after{
     content: "";
     width: 50px;
     height: 50px;
     background: url(../img/check.png) no-repeat;
     position: absolute;
     border-radius: 20px;
}
 #module-josmoseguide-guide .div-show-questionnaire button:before {
     left: 2%;
     bottom: -3%;
}
 #module-josmoseguide-guide .div-show-questionnaire button:after {
     right: -1%;
     bottom: -3%;
}
 #module-josmoseguide-guide .bs-stepper-circle {
     font-size: 1rem;
     width: 1.5em;
     height: 1.5em;
     padding: 4px 0;
}
 #module-josmoseguide-guide .active .bs-stepper-circle {
     background-color: #66e9b3;
}
 #module-josmoseguide-guide .bs-stepper-label {
     font-size: 12px;
     font-family: 'Open Sans';
     color: #000;
}
 #module-josmoseguide-guide .line {
     position: relative;
     color: #fff;
}
 #module-josmoseguide-guide .steps-title {
     color: #fff;
     background-color: #024272;
     width: auto;
     display: inline-block;
     padding: 0.6em 0.9em;
     border-radius: 20px;
     font-size: 1em;
     margin: 1em 0em 2em;
}
 #module-josmoseguide-guide .steps-title span {
     font-weight: bold;
}
 #module-josmoseguide-guide .text-durete {
     color : #024272;
     font-weight: bold;
     font-size: 1.1em;
}
 #module-josmoseguide-guide .text-durete strong {
     font-size: 1.3em;
}
 #module-josmoseguide-guide .step_input {
     display: inline-block;
}
 #module-josmoseguide-guide .step_input {
     margin: 0px 0.5em;
}
 #module-josmoseguide-guide .steps-input {
     margin: 2em 0em;
     font-size: 1.2em;
     color: #024272;
     margin-top: 0em;
}
 #module-josmoseguide-guide .steps-input strong {
     font-size: 1.2em;
     margin-right: 0.3em;
}
 #module-josmoseguide-guide .div_step_input {
     background: #dcdcdc;
     display: inline-block;
     padding: 5px 10px 1px 15px;
     width: 150px;
     border-radius: 20px;
     margin: 2em;
}
 #module-josmoseguide-guide .step_input label {
     color: #024272;
}
 #module-josmoseguide-guide .step_input input {
     width: 78%;
     border: none;
     padding: 0.2em;
}
 #module-josmoseguide-guide .step_input button {
     background: #024272;
     padding: 0.5em 2.5em;
     border-radius: 20px;
     color: #fff;
}
 #durete_step , #debit_step , #personnes_step , #result_again {
     background: #66e9b3;
     color: #fff;
     border-radius: 20px;
     font-weight: bold;
     text-transform: uppercase;
     width: 195px;
     font-size: 12px;
}
 #module-josmoseguide-guide .div-buttons {
     display: inline-flex;
     justify-content: space-around;
     align-items: baseline;
     width: 100%;
}
 #debit_step_back , #personnes_step_back , #result_step_back {
     background: #024272;
     border-radius: 20px;
     padding: 0.5em 4.5em;
     color: #fff;
     margin: 2em;
     font-weight: bold;
     text-transform: uppercase;
     font-size: 12px;
}
 #module-josmoseguide-guide .result-text {
     font-size: 1.2em;
     color: #024272;
     padding: 0em 2em 2em;
     font-weight: bold;
}
 #module-josmoseguide-guide .div1-text {
     display: inline-flex;
     align-items: baseline;
}
 #module-josmoseguide-guide .text-small {
     font-size: 0.8em;
     margin-left: 0.3em;
}
 #module-josmoseguide-guide .div2-button {
     padding: 0.5em 0.5em 0.3em;
     text-align: center;
}
 #module-josmoseguide-guide .div2-button .div_step_input {
     width: 48%;
     padding: 0.3em 0.3em;
     margin-right: 0px;
}
 #module-josmoseguide-guide .div2-button .step_input label {
     margin-left: 7px;
}
 #module-josmoseguide-guide .div-personne-text {
     width: 45%;
}
 #debit img, #personnes img {
     margin-top: 2em;
}
 #module-josmoseguide-guide #personnes .div-personnes-num {
     width: 40%;
}
 #module-josmoseguide-guide li.ajax_block_product:nth-child(4n+1) {
     clear: both;
}
 #module-josmoseguide-guide .product-name h3 {
     padding: 0 5px 0 0;
     margin-bottom: 0;
     margin-top: 0;
     color: #0a4772;
     font-weight: 600;
     text-transform: none;
     font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
     font-size: 14px;
}
 #resultat-products {
     background: #f8f8f8;
     padding: 20px;
}
 @media all and (max-width: 1200px) {
     #module-josmoseguide-guide .steps-title {
         line-height: 1.2;
    }
     #module-josmoseguide-guide .div2-button .div_step_input {
         width: 63%;
    }
     #module-josmoseguide-guide .div2-button {
         width: 51%;
    }
     #module-josmoseguide-guide #personnes .div-personnes-num {
         width: 75%;
    }
     #module-josmoseguide-guide .div-show-questionnaire button {
         width: 60%;
         font-size: 16px;
         padding: 1.5rem 0px;
         margin-left: 0.5em;
    }
     .bs-stepper .line, .bs-stepper-line {
         flex: 1 0 12px;
         min-width: 15px;
    }
}
 @media all and (min-width: 768px) {
     #module-josmoseguide-guide .col-md-4 {
         width: 25% !important;
    }
}
 @media all and (max-width: 767px) {
     #debit img, #personnes img {
         max-width: 50%;
    }
     #module-josmoseguide-guide .col-xs-12 {
         width: 100% !important;
    }
     #map_fr {
         zoom: 0.5;
    }
     #module-josmoseguide-guide .div-show-questionnaire button {
         width: 100%;
         font-size: 14px;
    }
     #module-josmoseguide-guide .div2-button {
         width: 110%;
    }
     #module-josmoseguide-guide .div1-text {
         width: 90%;
         display: contents;
    }
     #module-josmoseguide-guide .bs-stepper-header {
         display: block;
         text-align: center;
    }
     .bs-stepper .line, .bs-stepper-line {
         flex: 1 0 32px;
         min-width: 1px;
    }
     #module-josmoseguide-guide .line {
         margin-bottom: 10px;
    }
     #module-josmoseguide-guide .div-show-questionnaire button:before , #module-josmoseguide-guide .div-show-questionnaire button:after {
         bottom: -15%;
    }
     #debit_step_back, #personnes_step_back, #result_step_back {
         margin: 1em;
    }
     #module-josmoseguide-guide .div-buttons {
         flex-direction: column;
         justify-content: center;
         align-items: center;
         margin-top: 1em;
    }
     #module-josmoseguide-guide .div2-button .div_step_input {
         width: 50%;
    }
}
 @media all and (max-width: 480px) {
     #module-josmoseguide-guide .div-show-questionnaire button {
         font-size: 12px;
    }
     .debit_numero, .personnes_numero {
         margin: 5px;
    }
     #module-josmoseguide-guide .steps-title {
         margin: 1em 0em 0.5em 1em;
    }
     #module-josmoseguide-guide #personnes .div-personnes-num {
         width: 80%;
    }
     #module-josmoseguide-guide .steps-input {
         margin: 1em 0em;
    }
     #module-josmoseguide-guide img {
         margin-top: 1em;
    }
     #module-josmoseguide-guide .bs-stepper-header {
         display: none;
    }
     #module-josmoseguide-guide .guide-title-ads {
         font-size: 25px;
    }
}
 @media all and (min-width: 1300px) {
     #module-josmoseguide-guide #durete .steps-input {
         text-align: right;
    }
}

.step_input label {
    display: inline-block;
}
.res-volume-text, .res-volume-text2 {
    margin-bottom: 20px;
    display: inline-block;
    font-weight: normal;
    font-size: 16px;
}
#res-volume {
    font-size: 16px;
    font-weight: bold;
}