/*
 * Définition des polices
 */

@font-face {
    font-family: KanitLight;

    src: url(../fonts/Kanit-Light/Kanit-Light.ttf);
}

/*
 * Général
 * ------------------
 */

ul.product_list.grid > li.first-item-of-tablet-line,
ul.product_list.grid > li.first-in-line {
    clear: initial!important;
}

#columns {
    padding: 15px 15px 0!important;
    margin-bottom: 0!important;
    background-color: transparent!important;
}

.cutblock {
    height: 10px;
    margin: 0 -10px;
    background-color: #FFF;
}

div#center_column {
    padding: 10px;
    margin-bottom: 1%;
    background-color: #EFEFEF;
}

.specials_main,
.top_sell_main {
    padding-bottom: 0!important;
}

div#block-back {
    padding: 20px;
    margin-top: 15px;
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 1.6;
    color: #555;
    background-color: #EFEFEF;
}

div#block-back strong {
    color: #E5322D;
}

div#block-back ul {
    margin-left: 20px;
    list-style: circle;
}

.new-label {
    background-color: #E5322D;
    border-radius: 0;
}

.price.product-price {
    color: #E5322D;
}

.page-heading {
    margin: 25px 0 25px 0;
}

.button.button-medium.standard-checkout,
.button:hover,
.cart_navigation .button-exclusive:hover,
.button.button-medium.exclusive:hover,
.button.exclusive-medium:hover,
.button.button-small:hover,
.button.button-medium:hover
.cart_block .cart-buttons a,
.checkout_button,
.button,
.cart_navigation .button-exclusive,
.button.button-medium.exclusive,
.button.exclusive-medium,
.button.button-small,
.button.button-medium {
    color: #FFF!important;
    background-color: #E5322D!important;
    border: 2px solid #E5322D!important;
    border-radius: 0!important;
}

.button.button-medium.standard-checkout:hover,
.button.button-medium.standard-checkout:focus,
.cart_block .cart-buttons a:hover,
.cart_block .cart-buttons a:focus,
.button,
.cart_navigation .button-exclusive:hover,
.button,
.cart_navigation .button-exclusive:focus,
.button.button-medium.exclusive:hover,
.button.button-medium.exclusive:focus,
.button.exclusive-medium:hover,
.button.exclusive-medium:focus,
.button.button-small:hover,
.button.button-small:focus,
.button.button-medium:hover,
.button.button-medium:focus {
    color: #DD211B!important;
    background-color: transparent!important;
    border: 2px solid #DD211B!important;
}

/*
 * Navigation
 * ------------------
 */
.sign_link a:before {
    content: none;
}

.sign_link a.francias {
    font-size: 17px;
}

.sign_link a {
    margin: 8px 13px 0 auto;
    font-family: KanitLight;
    text-transform: lowercase;
}

.sign_link a.francias:first-letter {
    text-transform: uppercase!important;
}

.sign_link a i {
    margin-right: 10px;
    font-size: 16px;
    color: #E5322D;
}

#search_block_top .button-search {
    background: url(../img/search.png) no-repeat 10px -40px #E5322D;
    border-color: #E5322D;
    border-radius: 0;
}

#search_block_top .button-search:hover {
    background-color: #DD211B;
    border-color: #DD211B;
}

.sf-menu {
    text-align: center;
}

.sf-menu > li {
    display: inline-block;
    float: none;
}

.sf-menu > li > a {
    padding: 19px 14px;
    font-family: KanitLight;
}

.cart_icon span {
    background-image: none;
}

.cart_icon span .ajax_cart_quantity {
    background: #4B4A4D;
}

.copyright,
header .nav {
    background: #4B4A4D;
}

.header_user_info div.current span {
    color: #FFF;
}

.header_user_info div.current {
    -webkit-transition: .4s all;
       -moz-transition: .4s all;
        -ms-transition: .4s all;
         -o-transition: .4s all;
            transition: .4s all;
}

.header_user_info div.current:hover,
.header_user_info div.current.active {
    background: #E5322D;
}

.cart_icon span i.fa.fa-shopping-cart {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 25px;
    color: red;
    transform: translate(-50%, -50%);
}

#search_block_top #search_query_top {
    padding: 0 60px 0 10px;
}

#columns {
    margin-top: .5%;
}

li a[title="Accueil"] {
    padding: 15px 14px;
    visibility: hidden;
    content: "";
}

li a[title="Accueil"]::after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 20px;
    color: #222;
    visibility: visible;
    content: "\f015";
}

li a[title="Accueil"]:hover::after {
    color: #555;
}

.nous_contacter_header {
    float: right;
    height: 34px;
    margin-right: 10px;
    overflow: hidden;
}

.nous_contacter_header a {
    position: relative;
    top: 9px;
    padding: 10px;
    font-family: "Lato-Regular";
    font-size: 12px;
    color: #FFF;
    -webkit-transition: .4s all;
       -moz-transition: .4s all;
        -ms-transition: .4s all;
         -o-transition: .4s all;
            transition: .4s all;
}

.nous_contacter_header a:hover {
    background-color: #E5322D;
}

/*
 * Page accueil
 * ------------------
 */

/* ------- Slider -------*/
#homepage-slider .homeslider-description .container {
    position: absolute;
    top: -60px;
    right: 0;
    left: 40%;
    width: 100%;
}

#homepage-slider .bx-wrapper {
    width: auto;
}

.bx-wrapper .bx-pager.bx-default-pager a.active {
    display: none!important;
}

#homepage-slider {
    margin-top: 10px!important;
    margin-bottom: -15px!important;
}

#homepage-slider .homeslider-description,
#homepage-slider .bx-wrapper img {
    cursor: default;
}

/* ------- Produit -------*/
p.product_ref {
    font-weight: 600;
}

ul.product_list h5 {
    margin: 10px 0 9px 0;
}

#columns {
    padding: 15px;
    margin-bottom: 1%;
    background-color: #EFEFEF;
}

.tab-content,
#index .tab-content {
    margin-top: initial;
}

#product p.buttons_bottom_block .button {
    background-color: #E5322D;
    border-color: #E5322D;
    border-radius: 0;
}

#product p.buttons_bottom_block .button:hover {
    color: #DD211B;
    background-color: transparent;
    border-color: #DD211B;
}

.service_title_client {
    color: #DD211B;
}

.service_title_client,
.contact_phone,
.contact_horaire {
    margin-bottom: 5%;
    text-align: center;
}

.contact_phone i {
    padding: 20px 25px;
    margin-bottom: 5px;
    font-size: 4rem;
    color: #E5322D;
    border: 1px solid #E5322D;
    border-radius: 50%;
    -webkit-transition: .4s all;
       -moz-transition: .4s all;
        -ms-transition: .4s all;
         -o-transition: .4s all;
            transition: .4s all;
}

.contact_phone i:hover {
    color: #FFF;
    background-color: #E5322D;
}

.contact_horaire {
    width: 50%;
    margin: auto;
}

/*
 * Page produit
 * ------------------
 */
.tab-pane .rte table {
    width: 80%;
    margin-left: 20px;
}

.tab-pane .rte table tr td {
    border-bottom: 1px solid #DDD;
}

.tab-pane .rte table tr:first-child td {
    font-weight: 600;
}

#product .nav-tabs > li.active > a {
    font-weight: 600;
    color: #E5322D;
}

.nav-tabs {
    background-color: #EFEFEF;
}

#product .nav-tabs > li:hover > a,
#product .nav-tabs > li.active > a {
    border-top: 1px solid #DDD;
    border-right: 1px solid #DDD;
    border-left: 1px solid #DDD;
}

#product .tab-content {
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    border-left: 1px solid #DDD;
}

.pb-center-column #short_description_block h4,
.our_price_display .price {
    color: #E5322D;
}

.our_price_display {
    margin-top: 2%;
}

.box-cart-bottom {
    border-bottom: 3px solid #D0D0D0;
}

.cart_quantity .cart_quantity_button .cart_quantity_up.btn.btn-default.button-plus,
.cart_quantity .cart_quantity_button .cart_quantity_down.btn.btn-default.button-minus,
.button-minus.product_quantity_down,
.button-plus.product_quantity_up {
    height: 30px;
    background: url(../img/lang_arr.png) no-repeat center center #FFF;
}

.cart_quantity .cart_quantity_button .cart_quantity_input.form-control,
#quantity_wanted_p input {
    color: #FFF;
    background-color: #4B4A4D;
}

/*
 * Page catégorie
 * ------------------
 */

#categories_block_left h2.title_block {
    font-size: 2.6rem;
}

#my-account ul.myaccount-link-list li a i,
#categories_block_left li a:hover,
#categories_block_left h2.title_block,
.page-heading span {
    color: #E5322D!important;
}

.page-heading {
    margin: 2px 0 25px 0;
}

.description_cate p {
    font-size: 15px;
}

.right-block {
    min-height: 110px;
}

.showall div button {
    padding-top: 0;
    background-color: #E5322D;
    border: 2px solid #E5322D;
    border-radius: 0;
}

.showall div button:hover {
    color: #E5322D;
    background-color: transparent;
}

.button.button-medium.standard-checkout,
.button:hover,
.cart_navigation .button-exclusive:hover,
.button.button-medium.exclusive:hover,
.button.exclusive-medium:hover,
.button.button-small:hover,
.button.button-medium:hover
.cart_block .cart-buttons a,
.checkout_button,
.button,
.cart_navigation .button-exclusive,
.button.button-medium.exclusive,
.button.exclusive-medium,
.button.button-small,
.button.button-medium {
    line-height: 45px;
}

.pagination > li > a,
.pagination > li > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span,
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    border-radius: 0;
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    background-color: #E5322D;
    border-color: #E5322D;
}

.pagination > li.pagination_previous > a,
.pagination > li.pagination_previous > span,
.pagination > li.pagination_next > a,
.pagination > li.pagination_next > span {
    padding-top: 8px;
    border-radius: 0;
}


/*
 * Tunnel de commande
 * ------------------
 */
#order.order.hide-left-column.hide-right-column .table-bordered > thead > tr > th,
#order #cart_summary tfoot td.text-right {
    color: #555;
}

/*
 * Contact
 * ------------------
 */
.contact-form-box {
    background: #FFF!important;
}

.contact-form-box label {
    font-family: "Lato-Regular";
    font-weight: 300;
}

/*
 * Footer
 * ------------------
 */
#social_block li a {
    display: block;
    width: inherit;
    background-image: none;
}

#social_block li {
    width: 100%;
    margin-bottom: 10px;
}

#social_block i {
    margin-right: 10px;
    color: #E5322D!important;
}

.footer-container #footer h4 a,
.footer-container #footer h4 {
    color: #E5322D;
}

.footer_logo {
    width: 90%;
}

.footer-container .container,
.copyright a {
    color: #DDD;
}

.footer-container #footer #block_contact_infos > div ul li.footer_address {
    white-space: pre-line;
}

@media screen and (max-width: 768px){

    #homepage-slider .homeslider-description .container {
        left: 30%;
        //padding-right: 30px;
    }

    #homepage-slider .homeslider-description p,
    #homepage-slider .homeslider-description span{
        max-width: 400px;
    }
}