/*
Theme Name: Divi + Id2i
Description: Theme enfant Divi by Id2i
Author: Pierrick Pobelle - Id2i
Author URI: http://id2i.net
Template: Divi
Version: 1.0.0
Text Domain:  divi_id2i
Domain Path:  /languages
*/

#page_recherche_OV h3 .special_color_h3{
    color:#1c99d2;
}
#page_recherche_AS h3 .special_color_h3{
    color: rgb(200, 17, 38);
}
#page_recherche_V4 h3 .special_color_h3{
    color:#ad151c;
}


#et_top_search{display:none;}

.searchProductButton{
    background-color: #d3d3d3;
    color: #4e4c4b;
    font-size: 120%;
    border: none;
    width: 50px;
    float: left;
    padding: 10px;
    cursor:pointer;
}
.match{
    width: 100%;
}
.mega-wpml-ls-current-language ul{
    width:50px;
}
@media only screen and (max-width: 600px) {
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
        width: 100%;
    }
}
.searchProductInput {
    background-color: #f7f7f7!important;
    color: #000!important;
    font-size: 140%!important;
    float:left;
    border: none!important;
    width: 400px!important;
    padding: 4px!important;
    height: 40px!important;
    margin: 0!important;
    font-size: 14px!important;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item a.mega-menu-link:before {
    font-size:25px;
    font-weight:100;
}

#selecteur-AS .selecteur_title {
    background: #000000 !important;
}

.fancybox-image-wrap {
    background: #ffffff !important;
}

#selecteur-AS .placeholder_recherche .beauty-search {
    background: #000000;
}

#selecteur-AS .selecteur_filter {
    background: #a5a5a5 !important;
    color: #333 !important;
}

canvas {
    width: 500px !important;
    height: 500px !important;

}

#liste_produit_recherche{
    width:1100px;
    margin:auto;
    clear: both;
}


#selecteur-V4 .selecteur_title {
    background: rgb(188, 23, 30) !important;
}

#selecteur-V4 .placeholder_recherche .beauty-search {
    background: rgb(188, 23, 30);
}

#selecteur-V4 .row h1 {
    color: #fff !important;
}

#selecteur-V4 .row {
    background: #000000 !important;
    color: #ffffff !important;
}

#selecteur-V4 .selecteur_filter {
    background: #000000 !important;
    color: #fff !important;
}
[id^=selecteur-]> div > div > p {
    text-align: justify;
}
#page-produit-V4 #product-page-id2i #presentation-produit h3 {
    color: #ffffff !important;
}

#page-produit-V4 #product-page-id2i #presentation-produit {
    background: #58585a !important;
    color: #ffffff !important;
}

#page-produit-V4 #galerie, #page-produit-V4 #couleur, #page-produit-V4 #produits-associes {
    color: #000000 !important;

}

#page-produit-V4 #galerie h2, #page-produit-V4 #couleur h2, #page-produit-V4 #produits-associes h2 {
    color: #bc171e !important;
}

#page-produit-V4 h1 {
    color: #ffffff !important;
}

#page-produit-V4 #product-page-id2i #caracteristiques {
    background: #000000 !important;
}

/*   */

#page-produit-AS #product-page-id2i #presentation-produit h3 {
    color: #000000 !important;
}

#page-produit-AS #product-page-id2i #presentation-produit {
    background: #a5a5a5 !important;
    color: #000000 !important;
}

#page-produit-AS #galerie, #page-produit-AS #couleur, #page-produit-AS #produits-associes {
    color: #000000 !important;

}

#page-produit-AS #galerie h2, #page-produit-AS #couleur h2, #page-produit-AS #produits-associes h2 {
    color: #000000 !important;
}

#page-produit-AS h1 {
    color: #ffffff !important;
}

#page-produit-AS #product-page-id2i #caracteristiques {
    background: #000000 !important;
}

/* */

.fancybox-close-small {
    right: 0px !important;
}

.fancybox-close-small:after {
    color: #0A246A !important;
}

.fancybox-close-small:after:hover {
    color: #0A246A !important;
}

.clear {
    clear: both;
}

.selecteur_title {
    width: 250px;
    background: #041e41;
    color: #ffffff;
    padding: 10px;
    font-weight: 700;

    border: 1px solid #ffffff;
}

.selecteur_filter {
    background: #cabba2;
    width: 250px;
    color: #041e41;
    font-weight: 600;
    padding: 10px;
    border: 1px solid #ffffff;
    float: left;
}

#selecteur_filter_column {
    width: 250px;
    float: left;
}

#products-filtered {
    width: 830px;
    margin-top: 1px;
    margin-bottom: 25px;
    float: left;
    color: #041e41;
}

.detail-product:hover img.detail {
    display: block;
}

.detail-product img.detail {
    position: absolute;
    right: -9px;
    top: 5px;
    display: none;
}

.detail-product {
    position: relative;
    float: left;
    width: 265px;
    text-align: center;
    margin: 5px;
    height: 360px;
}

.detail-product:hover {
    box-shadow: 0 0 15px #dedede;
}

.detail-product .separator {
    color: grey;
}

.detail-product img {
    max-height: 265px;
}

.selecteur_filter label {
    display: block;
    padding-left: 15px;
    text-indent: -10px;
}

.selecteur_filter input {
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    position: relative;
    top: -3px;
    overflow: hidden;
    border-radius: 0;
}

.selecteur_filter [type=checkbox] {
    width: 15px;
    height: 15px;
    background: #ffffff;
    border: none;
}

#selecteur_filter_column {
    margin-bottom: 25px;
}

#selecteur_filter_column .placeholder_reset {
    text-align: center;
    width: 250px;
}

#selecteur_filter_column a.button {
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
}

a.button-grey {
    background: #b8b8b8;
    color: grey;
    font-size: 12px;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.placeholder_reset {
    margin-top: 14px;
    margin-bottom: 14px;
}

#placeholder_recherche {
    width: 100%;
}

.placeholder_recherche input {
    border-color: #eeeeee;
    /*height:25px;*/
    padding: 7px 9px 8px 7px;
    width: 305px;
    float: right;
}

.placeholder_recherche .beauty-search {
    margin-top: -2px;
    /*height:25px;*/
    width: 36px;
    height: 36px;
    background: #041e41;
    color: #ffffff;
    float: right;
    position: relative;
}

.placeholder_recherche .beauty-search span {
    top: 11px;
    left: 11px;
    position: absolute;
    cursor: default;
}

.placeholder_recherche {
    position: relative;
    margin-top: 12px;
    margin-bottom: 12px;
}

.white {
    color: #ffffff;
}

.uppercase {
    text-transform: uppercase;
}

.pull-right {
    float: right;
}

.bold {
    font-weight: bold;
}

.font-large {
    font-size: 20px;
}

.hide {
    display: none;
}

.cursor {
    cursor: pointer;
}

.p-l-1 {
    padding-left: 3px;
}

.p-r-1 {
    padding-right: 3px;
}

.p-l-2 {
    padding-left: 8px;
}

.p-r-2 {
    padding-right: 8px;
}

.p-l-3 {
    padding-left: 10px;
}

.p-r-3 {
    padding-right: 10px;
}

.p-l-4 {
    padding-left: 12px;
}

.p-r-4 {
    padding-right: 12px;
}

.p-l-4 {
    padding-left: 15px;
}

.p-r-4 {
    padding-right: 15px;
}

.fancybox-slide {
    width: 50%;
    height: 80%;
    left: 25%;
}

.fancybox-slide--iframe .fancybox-content {
    width: 50%;
    height: 60%;
    max-width: 60%;
    max-height: 60%;
    margin: 0;
}

#main-header, #top-header {
    z-index: 500;
}

li a {
    color: #111840;
}

/* region selecteur
 /* region titres */
#titre_selecteur_id2i {
    padding-top: 30px;
    padding-bottom: 60px;
}

/* endregion */

/* endregion */

/* region fiche produit */
#presentation-produit h1, #presentation-produit h2, #presentation-produit h3, #presentation-produit h4 {
    color: #111840;
}

#presentation-produit h3 {
    font-size: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-transform: lowercase;
    /*text-transform: initial;*/
}

#presentation-produit h3:first-letter {
    text-transform: uppercase;
}

#ambiance {
    background-size: 100% auto;
    position: relative;
}

#ambiance .bandeau {
    position: absolute;
    text-align: center;
    width: 100%;
    padding: 30px;
    font-size: 26px;
    line-height: 30px;
    font-weight: 500;
    color: #ffffff;
    /* height: 120px; */
    top: 40%;
    background-color: rgba(0, 0, 0, 0.25);
}

#product-page-id2i h1 {
    font-size: 27px;
}

#product-page-id2i h2 {
    padding-top: 30px;
    font-size: 23px;
    padding-bottom: 30px;
}

#boutons-navigation {
    padding-left: 40px;
}

#couleur, #couleurs {
    background: #ececec;
}

/* region presentation */

#product-page-id2i #presentation-produit {
    background: #cabba2;
    color: #0e1d41;
}

#product-page-id2i #presentation-produit #boutons-navigation img {
    max-width: 60px;
}

#product-page-id2i #presentation-produit #boutons-navigation a {
    display: block;
}

#product-page-id2i #presentation-produit #boutons-navigation, #product-page-id2i #presentation-produit #description {
    padding-top: 25px;
}

#product-page-id2i #presentation-produit #description div {
    padding-top: 30px;
}

#price {
    font-size: 14px;
}

#price b {
    font-size: 18px;
}

#size {
    font-size: 14px;
}

#product-page-id2i #presentation-produit #description div:first-child {
    padding-top: 0;
}

#product-page-id2i #presentation-produit #description #categorie h2 {
    font-size: 18px;
}

#product-page-id2i #presentation-produit #name, #product-page-id2i #presentation-produit #categorie {
    font-size: 22px;
}

#product-page-id2i #presentation-produit #name h1 {
    text-transform: uppercase;
}

#product-page-id2i #presentation-produit #name h1 small {
    display: block;
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
}

#product-page-id2i #presentation-produit #normes img {
    max-width: 150px;
}

#product-page-id2i #presentation-produit #size {
    font-weight: bold;
}

#product-page-id2i #presentation-produit #price span {
    font-weight: bold;
}

/* endregion*/

/* region description */
#product-page-id2i #description-courte {
    color: #0e1d41;
    padding-bottom: 40px;
    text-align: justify;
}

#product-page-id2i #description-courte p {
    padding: 8px;
}

/* endregion */

/* region slider */
#galerie h2 {
    text-transform: uppercase;
}

#galerie img {
    cursor: pointer;
}

#product-page-id2i .slider {
    position: relative;
    height: auto;
}

#product-page-id2i .slider [class^='arrow-'] {
    position: absolute;
    top: 40%;
    font-size: 50px;
    height: 100%;
    vertical-align: middle;
}

#product-page-id2i .slider .row {
    overflow: hidden;
}

#product-page-id2i .slider img {
    margin: 10px;
    max-height: 250px;
}

#product-page-id2i .slider .arrow-left {
    left: -50px;
    cursor: pointer;
}

#product-page-id2i .slider .arrow-right {
    right: -50px;
    cursor: pointer;
}

#product-page-id2i .slideshow {
    height: 100%;
    overflow: hidden;
    margin: auto;
}

#product-page-id2i .slideshow ul {
    /* 4 images donc 4 x 100% */
    width: 4000px;
    max-height: 350px;
    padding: 0;
    margin: 0;
    list-style: none;
}

#product-page-id2i .slideshow li {
    float: left;
}

/* endregion */

/* region ambiance */
#product-page-id2i #ambiance {
    height: 450px;
    background-repeat: no-repeat;
    background-position: center;
}

/* endregion */

/* region couleur */
#product-page-id2i #couleur {

}

#product-page-id2i #couleur h2 {
    /*padding: 15px;*/
    text-transform: uppercase;
    display: block;
}

#product-page-id2i .slider li {
    width: 250px;
    margin-left: 8px;
    margin-right: 8px;
    list-style-type: none;
}

#product-page-id2i .slider.couleur ul {
    height: 450px;
}

#breadcumb_selecteur_id2i a {
    color: #0e1d41;
}
#selecteur-V4 #breadcumb_selecteur_id2i a,#page-produit-V4 #breadcumb_selecteur_id2i a,
#selecteur-V4 .detail-product,#page-produit-AS .color-name,#page-produit-AS .color-price{
    color:#4e4c4b;
}
#selecteur-AS #breadcumb_selecteur_id2i a,#page-produit-AS #breadcumb_selecteur_id2i a,
#selecteur-AS .detail-product,#page-produit-AS .color-name,#page-produit-AS .color-price{
    color:#bc171e;
}
.selecteur-recherche {
}

#breadcumb_selecteur_id2i {
    background: #ececec;
    font-weight: 700;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#product-page-id2i .slider.couleur li {
    text-align: center;
    font-weight: bold;
}

/* endregion */

/* region caracteristiques */
#product-page-id2i #caracteristiques {
    background: #0e1d41;
    color: #ffffff;

}

#product-page-id2i #caracteristiques h2 {
    /*padding: 15px 0 50px 0px;*/
    width: 100%;
    text-transform: uppercase;
    display: block;
    color: #ffffff;
}

#product-page-id2i #caracteristiques h3 {
    padding: 8px 0 8px 0;
    width: 100%;
    text-transform: uppercase;
    display: block;
    color: #ffffff;
}

#product-page-id2i #caracteristiques ul {
    width: 100%;
}

#product-page-id2i #caracteristiques li img {
    max-height: 80px;
    max-width: 80px;

}

#product-page-id2i #caracteristiques li {
    float: left;
    width: 20%;
    padding: 20px;
    text-align: center;
}

#product-page-id2i #caracteristiques .title {
    text-align: center;
}

#product-page-id2i #caracteristiques .description {
    font-size: 10px;
    text-align: center;
    line-height: 12px;
}

#product-page-id2i #caracteristiques .boutons {
    margin-top: 100px;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
}

#product-page-id2i #caracteristiques .boutons a:first-child {
    margin-right: 25%;
}

#product-page-id2i #caracteristiques .boutons a {
    text-transform: uppercase;
    font-size: 10px;
    padding: 5px;
    padding-right: 20px;
    padding-left: 20px;
    color: #ffffff;
    border: 2px solid #ffffff;
    display: inline-block;

}

/* endregion */

/* region produits-associés */
#product-page-id2i #produits-associes {

}

#product-page-id2i #produits-associes h2 {
    /*padding: 15px 0 50px 0px;*/
    width: 100%;
    text-transform: uppercase;
    display: block;
}

#product-page-id2i #produits-associes .center-box {
    margin: auto;
    width: 100%;
}

#product-page-id2i #produits-associes ul {
    width: 100%;
}

#product-page-id2i #produits-associes li img {
    max-height: 200px;
    max-width: 200px;
}

#product-page-id2i #produits-associes li {
    float: left;
    width: 30%;
    padding: 20px;
    text-align: center;
}

#product-page-id2i #produits-associes .name {
    text-align: center;
    font-weight: bold;
}

#product-page-id2i #produits-associes .arrow-right, #product-page-id2i #produits-associes .arrow-left {
    display: none;
}

#product-page-id2i #produits-associes .price {
    text-align: center;
    font-weight: bold;
}

/* endregion */

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.99px) {
    #product-page-id2i #presentation-produit #boutons-navigation, #product-page-id2i #presentation-produit #description {
        text-align: center;
    }

    #product-page-id2i #presentation-produit #boutons-navigation a {
        display: inline-block;
    }

    #product-page-id2i .slider img {
        max-height: 250px;
        max-width: 250px;
        margin-left: 45px;
    }

    #product-page-id2i .slider .arrow-left {
        left: 0;
    }

    #product-page-id2i .slider .arrow-right {
        right: 0;
    }

    #product-page-id2i #caracteristiques .boutons {
        margin-top: 10px;

    }

    #product-page-id2i #caracteristiques .boutons a, #caracteristiques .boutons a:first-child {
        margin: auto;
        margin-bottom: 30px;
        width: 90%;
        display: block;
    }

    #product-page-id2i #caracteristiques li {
        width: 50%;
    }
}

/* #################################### My little col systeme ############################ */
#product-page-id2i .container {
    width: 1080px;
    position: relative;
}

#product-page-id2i .img-responsive {
    max-width: 100%;
}

#product-page-id2i .row {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*margin-right: -15px;*/
    /*margin-left: -15px*/
}

#product-page-id2i .col-md-1 {
    width: 8.33%;
}

#product-page-id2i .col-md-2 {
    width: 16.66%;
}

#product-page-id2i .col-md-3 {
    width: 25%;
}

#product-page-id2i .col-md-4 {
    width: 33.33%;
}

#product-page-id2i .col-md-5 {
    width: 41.66%;
}

#product-page-id2i .col-md-6 {
    width: 50%;
}

#product-page-id2i .col-md-7 {
    width: 58.33%;
}

#product-page-id2i .col-md-8 {
    width: 66.66%;
}

#product-page-id2i .col-md-9 {
    width: 75%;
}

#product-page-id2i .col-md-10 {
    width: 83.33%;
}

#product-page-id2i .col-md-11 {
    width: 91.66%;
}

#product-page-id2i .col-md-12 {
    width: 100%;
}

#product-page-id2i [class^='col-md-'] {
    float: left;
}
#breadcumb_selecteur_id2i{
    text-transform:lowercase;
}
#breadcumb_selecteur_id2i a, #breadcumb_selecteur_id2i span {
    display:inline-block;
}
#breadcumb_selecteur_id2i a::first-letter,#breadcumb_selecteur_id2i a:first-letter,#breadcumb_selecteur_id2i span::first-letter,#breadcumb_selecteur_id2i span:first-letter{
    text-transform: uppercase;
}
#produit_form_recherche{
    max-width:850px;
    margin:auto;
}
/*.format-first-upper{*/
    /*!*text-transform: lowercase;*!*/
/*}*/
/*.format-first-upper::first-letter,.format-first-upper:first-letter{*/
/*text-transform: lowercase!important;*/
/*}*/
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.99px) {
    #liste_produit_recherche{
        width:825px;
        margin:auto;
    }

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.99px) {
    #product-page-id2i [class^='col-md-'] {
        width: 100%;
    }
    #liste_produit_recherche{
        width:600px;
        margin:auto;
    }
    #product-page-id2i .container {
        width: 100%;
    }

    #products-filtered {
        width: 100%;
    }
    .selecteur_filter{
        width:100%;
    }
    .placeholder_recherche input {
        border-color: #eeeeee;
        height: 32px;
        padding: 7px 9px 8px 7px;
        width: 260px;
        float: right;
    }

    .placeholder_recherche .beauty-search span {
        top: 3px;
    }

    div[id^='selecteur-'] > div.row > div{
        /*background:#000!important;*/
        width:100%!important;
    }


    .selecteur_title {
        width: 100%;
    }

    #titre_selecteur_id2i{
        padding:0;
    }

    #selecteur_filter_column {
        width: 100%;
    }

    #selecteur_filter_column .placeholder_reset {
        text-align: center;
        width: 100%;
    }
    #product-page-id2i #caracteristiques .boutons a:first-child{
        margin-right:auto;
    }
    #product-page-id2i #produits-associes li img{
        margin:auto;
        max-width:100%;
    }


}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.99px) {
    #liste_produit_recherche{
        width:265px;
        margin:auto;
    }
}

/* endregion */