html {
  overflow-y:scroll;
}

body          { background: #FFF; font: 16px/1.35 'Roboto',Arial,sans-serif; color: #000; background: url(../images/divers/body.gif) left top repeat; }

.container-full {
	margin: 0 auto;
	width: 100%;
}
// .container { width: 980px !important; position: relative;}
.container { }
// .header { height: 200px;   position: relative; margin-bottom: 75px;  }
// .headerfr {background: url('img/header-containern.jpg') center top no-repeat #015861;}
// .headeren {background: url('img/header-containern.jpg') center top no-repeat #015861;}
// .headerde {background: url('img/header-containern.jpg') center top no-repeat #015861;}
// .header .baseline { position: absolute; color: #b1b799; font-size: 13px; top: 5px; right: 0;}
// .header .mini-menu {
//   font-size: 0.9em;
//   text-align: center;
//   text-shadow: 0.08em 0.08em 0 #fff;
//   position: absolute; right: 40px; height: 85px; top: 85px; text-align: center;
// }
// .header ul {
//   list-style: outside none none;
// }
// .header .mini-menu ul li { padding-bottom: 6px; margin: 0; background: url('img/li.gif') center bottom no-repeat; }
// .header .mini-menu ul li:last-child { background: none;}
// .header  .mini-menu .my-account {
//   background-image: url("img/icn_my-account.gif");
// }
// .header .my-cart {
//   background-image: url("img/icn_my-cart.gif");
//   padding-bottom: 18px;
// }
// .header .retourmc {
//   position: absolute;
//   display: block;
//   bottom: 20px;
//   left: 0;

//   padding-bottom: 18px;
// }
// .header  .mini-menu ul li a {
//   background-position: center top;
//   background-repeat: no-repeat;
//   color: #666;
//   display: block;
//   font-weight: bold;
//   padding: 30px 0 0;
//   text-decoration: none;
// }
// .header .logo { margin: 50px 0 0 470px; position: absolute; z-index: 1; }

// .header .right { float: right; text-align: right; z-index: 500; }
//  .header .right .flags,  .header .right .hlinks { margin-bottom: 20px;}
// .hlinks { position: relative; top: 50px;}
// .hlinks a { margin-right: 25px;}
// .hlinks a:last-child { margin-right: 0;}
// .flags { position: relative; top: -20px;}
// .flags > a { margin-left: 5px;}
// .tel { position: relative; top: 40px;}
// .header .right ul {}
// .header .right ul li { margin: 0; display: inline-block; }
// .header .right ul li a { padding: 30px 1em 0 1em; color: #666; font-weight: bold; text-decoration: none; display: block; background-position: center top; background-repeat: no-repeat; }
// .header .right ul li a.fidelity-card { background-image: url('img/icn_fidelity-card.gif'); }
// .header .right ul li.change-language a.lang-fr { background-image: url('img/change-language/icn_lang-fr.gif'); }
// .header .right ul li.change-language a.lang-en { background-image: url('img/change-language/icn_lang-en.gif'); }
// .header .right ul li.change-language a.lang-de { background-image: url('img/change-language/icn_lang-de.gif'); }
// .header .right ul li a:hover { color: #333; }
// .header .right .contact-details { margin-top: 1em; font-size: 1.1em; text-align: right; position: absolute; left:  -135px;}
// .header .right .contact-details .right { width: 213px; padding-top: 0; margin-right: 0; margin-left: 1.5em; font-size: inhreit; color: #759F00; }
// .header .header_tel { position: absolute; top: 0px; left: 260px;}
// .header .header-top { height: 230px;}

.container-full.accueil {
    margin-top: 300px;
}

.bandeau {
    width: 100%;
    height: 496px;
    /*line-height: 200px;*/
    background: url(img/gif-explication-personnalisable_2022.gif) #e7bd39;
    background-position: center center;
    background-repeat: no-repeat;
    /*background-size: cover*/
}

.lang-en .bandeau {
  background-image: url(img/gif-explanation-customizable.gif);
}

.lang-de .bandeau {
  background-image: url(img/gif-erlauterung-anpassbar.gif);
}

.bandeau-logo {
    display: inline-block;
    vertical-align: middle;
    margin-left: 50%;
    margin-right: 10%;
    height: 92px;
    line-height: 1;
    -webkit-transition: margin 0.3s;
    -moz-transition: margin 0.3s;
    -ms-transition: margin 0.3s;
    -o-transition: margin 0.3s;
    transition: margin 0.3s;
    display: none;
}
.addcart { z-index: 10000;}

.bdmc { height: 50px;}


.header-links {
        width: 75%; float: right;

    }


@media screen and (max-width: 48em) {
    .bandeau-logo {
        margin-left: 30px
    }
}

.bandeau-logo img {
    display: inline-block;
    vertical-align: middle
}
.page-header {
    position: relative;
    z-index: 20;
    margin-bottom: 0px;
    top: -40px;
    height: 0px;
}
@media screen and (max-width: 64em) {
    .page-header {
        margin-bottom: 0
    }
}

.page-header-container {
    height: 75px;
    background-color: #0f8793;
    color: #fff
}

.container.bdmc {
    height: 75px;
}

.page-header-container .centrage {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: middle;
    -ms-align-items: middle;
    align-items: middle
}

@media screen and (max-width: 64em) {
    .page-header-container .centrage {
        width: 100%;
        padding-left: 20px
    }
}

@media screen and (max-width: 30em) {
    .page-header-container .centrage {
        padding-left: 10px
    }
}

.page-header .logo {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: block;
    height: 100%;
    line-height: 65px;
    color: #fff;
    z-index: 100;
}

.page-header .logo img {
    position: relative;
    /*top: -2px;
    height: 22px;*/
    vertical-align: middle
}

@media screen and (max-width: 30em) {
    .page-header .logo {
        /*display: none*/
    }
}

.header-links {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    text-align: right;
    position: relative;
    top: -50px;
    z-index: 99;
    font-size: 1em;
}

@media screen and (max-width: 64em) {
    .header-links {
        padding-right: 50px
    }
}

.header-links i {
    position: relative;
    top: -2px;
    margin-right: 5px;
    font-size: 24px;
    vertical-align: middle
}

.header-links a {
    color: #fff;
    font-size: 1em
}

@media screen and (max-width: 64em) {
    .header-links a {
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }
    .header-links a:before {
        vertical-align: middle
    }
}

.header-links a:hover {
    color: #00535e;
    text-decoration: none;
}

.header-links-phone {
    display: inline-block;
    vertical-align: top;
    height: 50px;
    line-height: 50px;
    margin-left: 10px;
    font-family: "Roboto Condensed", Arial, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1em;
    font-weight: 700;
    color: inherit
}

.phone-infos {
    text-transform: none;
    font-weight: 300;
}

@media screen and (max-width: 48em) {
    .header-links-phone {
        display: none
    }
}

.header-links-account {
    display: inline-block;
    vertical-align: top
}

.header-links-account a {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    vertical-align: top;
    margin-left: 10px
}

.header-links-account a:before {

    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: baseline;
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    margin-right: 5px;
    display: inline-block;
    font-size: 24px
}

.header-links-account .link-logout:before {
    content: "";
    font-family: "fontawesome";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: baseline;
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.header-links-account a:before,
.header-links-account .link-logout:before {
    line-height: inherit;
    vertical-align: middle
}

.header-links-cart {
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 50px;
    line-height: 50px;
    margin-left: 10px
}

.header-links-cart span {
    display: inline-block;
    vertical-align: middle
}

.header-links-cart i {
    vertical-align: middle;
    line-height: inherit
}

@media screen and (max-width: 64em) {
    .header-links-cart .count {
        font-size: 12px
    }
}

.header-links-cart .count:before {
    content: "("
}

.header-links-cart .count:after {
    content: ")"
}

.header-links-cart .block-cart {
    position: absolute;
    top: 100%;
    right: -9999px;
    width: 350px;
    line-height: normal;
    background-color: #fff;
    box-shadow: -1px 0 3px 0 rgba(58, 58, 58, 0.1), 0 1px 3px 0 rgba(58, 58, 58, 0.1), 1px 0 3px 0 rgba(58, 58, 58, 0.1);
    color: #3a3a3a;
    opacity: 0;
    -webkit-transform: translate3d(-30px, 0, 0);
    -moz-transform: translate3d(-30px, 0, 0);
    -ms-transform: translate3d(-30px, 0, 0);
    -o-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0);
    -webkit-transition: -webkit-transform 0s 0.5s, opacity 0.3s 0.2s, right 0s 0.5s;
    -moz-transition: -moz-transform 0s 0.5s, opacity 0.3s 0.2s, right 0s 0.5s;
    -ms-transition: -ms-transform 0s 0.5s, opacity 0.3s 0.2s, right 0s 0.5s;
    -o-transition: -o-transform 0s 0.5s, opacity 0.3s 0.2s, right 0s 0.5s;
    transition: transform 0s 0.5s, opacity 0.3s 0.2s, right 0s 0.5s
}

@media screen and (max-width: 64em) {
    .header-links-cart .block-cart {
        display: none
    }
}

.header-links-cart .block-cart a {
    color: #0b8694
}

.header-links-cart .block-cart a:hover {
    color: #125561
}

.header-links-cart:hover .block-cart {
    right: 0;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.06, 0.29, 0.25, 1) 0.3s, opacity 0.4s 0.3s, right 0s 0.3s;
    -moz-transition: -moz-transform 0.4s cubic-bezier(0.06, 0.29, 0.25, 1) 0.3s, opacity 0.4s 0.3s, right 0s 0.3s;
    -ms-transition: -ms-transform 0.4s cubic-bezier(0.06, 0.29, 0.25, 1) 0.3s, opacity 0.4s 0.3s, right 0s 0.3s;
    -o-transition: -o-transform 0.4s cubic-bezier(0.06, 0.29, 0.25, 1) 0.3s, opacity 0.4s 0.3s, right 0s 0.3s;
    transition: transform 0.4s cubic-bezier(0.06, 0.29, 0.25, 1) 0.3s, opacity 0.4s 0.3s, right 0s 0.3s
}

.header-links-cart .block-subtitle {
    margin: 0;
    padding: 15px 20px;
    border-bottom: 1px solid #ececec
}

.header-links-cart .empty {
    margin: 0;
    color: #bbbcbe;
    padding: 15px 20px;
    border-bottom: 1px solid #ececec
}

.header-links-cart .minicart-message {
    display: block;
    padding: 10px 20px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    text-align: left;
    text-transform: none;
    color: #fff
}

.header-links-cart .minicart-message:empty {
    display: none
}

.header-links-cart .minicart-message#minicart-success-message {
    background-color: #0b8694
}

.header-links-cart .minicart-message#minicart-error-message {
    background-color: #f55500
}

.header-links-cart .mini-products-list>li {
    position: relative;
    padding-left: 80px;
    padding-right: 40px;
    border-bottom: 1px solid #ececec;
    text-align: left
}

.header-links-cart .product-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 100%;
    background-color: #fff;
    border-right: 1px solid #ececec;
    text-align: center
}

.header-links-cart .product-image:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-left: -0.25em
}

.header-links-cart .product-image img {
    display: inline-block;
    vertical-align: middle
}

.header-links-cart .product-details {
    padding: 10px 10px 10px 10px;
    min-height: 70px
}

.header-links-cart .product-qte {
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    border: 1px solid #ececec;
    border-radius: 0 3px 0 0;
    background-color: #f4f4f4;
    font-size: 0.875em
}

.header-links-cart .product-name {
    margin: 0;
    display: block;
    color: #3a3a3a;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 1.1em;
    font-weight: 500;
    text-transform: none;
    text-align: left
}

.header-links-cart .product-name a {
    color: #3a3a3a
}

.header-links-cart .product-name span {
    display: block;
    font-size: 0.875em;
    color: #676767
}

.header-links-cart .product-props {
    display: block;
    color: #676767;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 1em;
    font-weight: 400;
    text-transform: none
}

.header-links-cart .product-props li {
    display: inline-block
}

.header-links-cart .product-props li:not(:last-child):after {
    content: ','
}

.header-links-cart .product-price {
    display: block;
    margin-top: 5px;
    color: #0b8694;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 1em;
    font-weight: 700
}

.header-links-cart .product-actions {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 30px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.header-links-cart .product-actions a {
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    display: block;
    font-size: 0;
    color: #676767
}

.header-links-cart .product-actions a.edit:before {
    content: "";
    font-family: "fontawesome";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: baseline;
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.header-links-cart .product-actions a.remove:before {
    content: "";
    font-family: "fontawesome";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: baseline;
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.header-links-cart .product-actions a.edit:before,
.header-links-cart .product-actions a.remove:before {
    font-size: 16px;
    vertical-align: middle;
    line-height: inherit
}

.header-links-cart .product-actions a:hover {
    color: #0b8694
}

.header-links-cart .subtotal {
    display: block;
    padding: 10px 20px;
    text-align: right
}

.header-links-cart .subtotal .label {
    display: inline-block;
    vertical-align: middle;
    color: #bbbcbe;
    font-family: "Roboto Condensed", Arial, sans-serif;
    font-weight: 500;
    font-size: 1em
}

.header-links-cart .subtotal .price {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 1.375em;
    color: #0b8694
}

.header-links-cart .minicart-actions ul {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: stretch;
    -ms-justify-content: stretch;
    justify-content: stretch;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 0 0 0 0
}

.header-links-cart .minicart-actions li {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.header-links-cart .minicart-actions a {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    background-color: #bbbcbe;
    color: #fff;
    text-align: center;
    font-family: "Roboto Condensed", Arial, sans-serif;
    font-size: .9375em;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-appearance: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.header-links-cart .minicart-actions a:hover {
    background-color: #3a3a3a;
    color: #fff
}

.header-links-cart .minicart-actions li:nth-child(3n+1) a {
    background-color: #0b8694
}

.header-links-cart .minicart-actions li:nth-child(3n+1) a:hover {
    background-color: #096b76
}

.header-links-cart .minicart-actions li:nth-child(3n+2) a {
    background-color: #125561
}

.header-links-cart .minicart-actions li:nth-child(3n+2) a:hover {
    background-color: #0e444e
}

.header-links-cart .minicart-actions li:nth-child(3n+3) a {
    background-color: #baa065
}

.header-links-cart .minicart-actions li:nth-child(3n+3) a:hover {
    background-color: #958051
}

.header-links-language {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px
}

.header-links-language select {
    background-color: #0f8793;
    border-color: transparent;
    color: #fff;
    cursor: pointer;
    font-family: "Roboto Condensed",Arial,sans-serif;
    font-size: 1em;
    font-weight: 700;
    height: 50px;
    line-height: 40px;
    padding-left: 0;
}
select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url("img/select.png");
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 30px;
}


.header-links-language option i {
    display: inline-block;
    width: 30px;
    height: 20px;
    margin-right: 5px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

.brand_listing {
  height: 150px;
  margin: -27px auto 7px;
  padding: 0;

}
.menubrands { list-style-type: none; position: relative;
   border-bottom: 1px solid #ededed; padding-bottom: 5px; top:120px;z-index: 2000;}
.menubrands a { width: 100%;
 font-family: 'Roboto', sans-serif; text-transform: uppercase;
font-size: 14px;  text-decoration: none;
vertical-align:middle;
display:inline-block;
line-height:1.2; /* on rétablit le line-height */
padding: 15px;

   }

   .menubrands a:hover { color: #fff;}

.menbr {
 margin: 0; padding: 0; position: relative;   height: 55px;  line-height: 55px;

}


.menufilter { list-style-type: none; position: relative;
   /*border-bottom: 1px solid #ededed; padding-bottom: 25px;*/}
.menufilter button {
             width: 100%;
             font-family: 'Roboto Condensed', sans-serif;
             text-transform: uppercase;
            font-size: 1 em;
            text-decoration: none;
            vertical-align:middle;
            display:inline-block;
            line-height:1.2; /* on rétablit le line-height */
            min-height: 85px;
            padding: 3px 10px;
            background: #128b95;
            border: 0;
            color: #fff;
            cursor: pointer;
   }

.container.menufilter .menbr {
    width: 14%;
    height: auto;
}

.menbr:hover { cursor: pointer;}
.menbr:hover a { color:#fff;}


.mt70 { margin-top: 100px;}

.brand_listing a {
  background: none repeat scroll 0 0 #015861;
  border-radius: 10px;
  text-transform: uppercase;
  color: #ffffff;
  float: left;

  font-size: 14px;
  height: 25px;line-height: 25px;

  margin: 2px 15px 2px 2px;

  padding: 0px 6px;
  text-align: center;
  text-decoration: none;
  min-width: 145px;
}
.brand_listing a:hover {
  background: none repeat scroll 0 0 #21838C;
  text-decoration: none;
  color: #ffffff;
}

.logomarque { float: left; padding-left: 10px; padding-bottom: 10px; padding-right: 10px;}
.theproduct { height: 160px;}
.title-product div:first-child {
	margin-right: 25px;
}
.les-option {min-height: 500px; margin-top: 140px; position: relative; ;
 }
.product { position: relative; top: 130px; margin-bottom: 70px;}
.product h1 {
  color: #000;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5em;
  margin-bottom: 0px;
  margin-top: 0;
  padding-top: 0;
}
.product .logo{ margin-bottom: 10px; display: block;}

.product h2 {
  color: #555;
  font-size: 20px;
  font-weight: normal;
  margin: 1em 0 1em;
}
div .price-panier {
  position: relative; right: 0px; top: 20px; text-align: right; color: #0b8694;

}

.text-center span {
    font-size: 1.05em;
}

.barrep { color: #555555; font-size: 18px; font-style: italic; }
.redrem { color: #942121; }
.sansfrais { font-weight: bold; font-size: 14px; color: #ea4f0a;}

    .sansfrais a {
        color: #000;
        font-weight: 500;
    }

.fidelity { display: block; text-align: center; position: absolute; top: 35px; left:-30px; text-align: center;}
.fideliteprice { font-weight: bold; color:#942121;}
.remise { display: block;
font-weight: bold;
font-size: 14px;
}
.remise-fidel { position: relative;
bottom: 0; left: -25px;}

    div .taille-quantite {
          position: relative;
        top: 5px;
        left: 40px;
        text-align: center;
        z-index: 100;
    }

div .label-quantite {
  position: relative; right: 20px;}
/*  div .price-panier .btn_add_to_cart {
    background: url("img/cart.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    width: 165px;
    height: 33px;
    color: #fff;
    display: block;
    font-size: 14px;

    padding-top: 10px;
    text-decoration: none;
    text-shadow: -2px 2px rgba(0, 0, 0, 0.21);

  }*/

  /*div .price-panier .btn_add_to_cart {
  background: #135861;
  background-image: -webkit-linear-gradient(top, #135861, #135861);
  background-image: -moz-linear-gradient(top, #135861, #135861);
  background-image: -ms-linear-gradient(top, #135861, #135861);
  background-image: -o-linear-gradient(top, #135861, #135861);
  background-image: linear-gradient(to bottom, #135861, #135861);
  -webkit-border-radius: 11;
  -moz-border-radius: 11;
  border-radius: 11px;
  font-family: Arial;
  color: #ffffff;
  font-size: 17px;
  padding: 7px 15px 7px 15px;
  text-decoration: none;
  text-transform: uppercase;
}

.div .price-panier .btn_add_to_cart:hover {
  background: #1c6870;
  background-image: -webkit-linear-gradient(top, #1c6870, #1c6870);
  background-image: -moz-linear-gradient(top, #1c6870, #1c6870);
  background-image: -ms-linear-gradient(top, #1c6870, #1c6870);
  background-image: -o-linear-gradient(top, #1c6870, #1c6870);
  background-image: linear-gradient(to bottom, #1c6870, #1c6870);
  text-decoration: none;
}*/

.refprodm { display: block;}

.btn_add_to_cart {
  cursor: pointer;
  display: block;
  margin-bottom: 30px;
  z-index: 10000;
}

.label-couleurs {
  font-size: 1.5em;
  font-weight: 400;
  height: 36px;
  font-family: 'Roboto Condensed',Arial,sans-serif;
  color: #232323;
}

.label-couleurs img {
  width: 100%;
}

.detail-type1 {
  font-size: 9px;
  display: inline-block;
  margin: 0px;
  height: 65px;
  line-height: 20px;
  background-color: #fff;
  width: 54px;
  cursor: pointer;
  border: 2px solid #fff;
  text-align: center;
  position: relative;
}

.detail-type1 span.type1 {
  display: inline-block;
  border: 2px solid #fff;
  height: 20px;
  width: 50px;
  cursor: pointer;
  text-align: center;
}

.detail-type1 span.type1::after {
  position: absolute;
  content: "";
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  display: block;
}

    .detail-type1 .prix-texte {
      display: block;
      position: relative;
      top: 0px;
      font-weight: bold;
      color: #BB5500;
    }
    .detail-type5, .detail-type4 { font-size: 9px;}
    .detail-type5 span.type5, .detail-type4 span.type4 {
      border: 2px solid #fff;
      display: inline-block;
      margin: 3px;

      line-height: 20px;
      background-color: #fff;
      min-width: 40px;
      cursor: pointer;
      text-align: center;
    }
    .noborder { border:none; }
  .adheight {height: 90px;}
    .detail-type5 span.active, .detail-type4 span.active {
      border: 2px solid #fff;
      display: inline-block;
      margin: 3px;
      height: 20px;
      line-height: 20px;
      min-width: 40px;
      color: #fff;
      background-color: #000;
      cursor: pointer;
    }

    .detail-type1, .detail-type4 , .detail-type5{
      line-height: 10px;
      vertical-align: top;
    }

    .panel-default > .panel-heading  {
        border-left: 5px solid  #5bc75b;
        padding: 10px 15px;
        background-color: #fff;
        border-radius: 0px;
    }

    .panel-group .panel {
        border-radius: 0px !important;
        border:1px solid #ececec;
    }

    .panel .panel-body {
      overflow-y: scroll;
      height: 190px;
    }

      .panel-default > .panel-heading.obligatoire  {
        border-left: 5px solid  #d13956; }

        .supploption { line-height: 18px;}

        .home { position: relative;top: 5px; left: -15px; text-align: left; display: block; height: 1500px;  }
        .home .zone1 { position: absolute; display: block; top: 0; left: 0; width: 530px; height: 134px;}
        .home .zone2 { position: absolute; display: block; top: 140px; left: 0; width: 273px; height: 550px;}
        .home .zone3 { position: absolute; display: block; top: 140px; left: 270px; width: 240px; height: 550px;}
        .home .zone4 { position: absolute; display: block; top: 390px; left: 270px; width: 240px; height: 245px;}
        .home .zone5 { position: absolute; display: block; top: 0px; right: 15px; width: 406px; height:  342px;}
        .home .zone6 { position: absolute; display: block; top: 324px; right: 15px; width: 406px; height: 342px;}
        .home .zone7 { position: absolute; display: block; top: 650px; left: 0px; width:460px; height: 396px;}
        .home .zone8 { position: absolute; display: block; top: 650px; right: 10px; width: 460px; height: 396px;}
        .home .zone9 { position: absolute; display: block; top: 1040px; left: 0px; width: 310px; height: 254px;}
        .home .zone10 { position: absolute; display: block; top: 1040px; left: 328px; width: 310px; height: 254px;}
        .home .zone11 { position: absolute; display: block; top: 1040px; right: 0px; width: 310px; height: 254px;}

        .pictures { position: relative; width: 500px;}
        .pictures .photo { position: absolute; width: 540px; left: 0px; top: 0;}
        .decalv { left: 120px; height:550px;}
        .decalh {  height:450px;}
        .decalv2 { position: relative; left: -120px;}
        .notice { font-size: 10px; color: #B7B5B5; position: relative;top: -15px;}
        .popnotice { position: absolute; background-color: #fff; width: 550px; height: 240px; z-index: 8000; display: none; top: -190px; left:-25px; font-size: 12px; padding: 20px; box-shadow: 0 0 5px #333;}
        .opennotice { cursor: pointer;}
        .visuels { position: relative; margin-top: 0px;}
        .openzoom { position: absolute; z-index: 5000; display: block; width: 95px; height: 64px; left: 0; top: 380px; cursor: pointer;}
        .zoom { position:absolute;
          width: 800px ;
          height: 800px ;
          top:70%;
          left:50%;
          margin-top:-500px;
          margin-left:-550px;  display: none; background-color: #fff; box-shadow: 0 0 10px 5px #999; z-index: 6000; text-align: center;}
          .zoom .pictures { width: 800px; text-align: center;}
          .zoom .pictures div img { width: 100%;}
          .closez, .closedsm,.closenotice { position: absolute; right: 10px; top: 10px;  display: block; width: 21px; height: 20px; background: url('img/close.png') top; z-index: 11000; cursor: pointer;}
          .closez:hover { background-position: bottom;}
          .menuopt { z-index: 5000; position: relative;
          }

          .products-grid { position: relative; width: 100%;}
          .products-grid.last {}

        .products-grid li.item:nth-child(odd),.products-grid li.item:nth-child(even){
            width: 500px;
            padding: 10px 15px;
            /*float: left;*/
        }
          .products-grid li.item:nth-child(odd) { margin: 2.1 80px 2.1em 0; /*border-top: 1px dotted #CCC;*/ }

          .products-grid li.item:nth-child(even) { margin: 2.1 0px 2.1em 0;/* border-top: 1px dotted #CCC;*/}

          .products-grid li.item.last { margin-right: 0; }
          .products-grid .product-image2 { display: block; width: 160px;  margin: 0 25px 0 0; float: left; height: 210px; }
          .produvt_grid .product_image { height: 210px;}
          .pictop { position: absolute; top: 158px; left: 100px;display: none;}
          .products-grid .product-details { width: 400px; text-align: right; display: block; float: left; }
          .products-grid .product-name { margin: .5em 0; font-size: 1em; line-height: 1em; font-weight: bold; }
          .products-grid .product-name a { color: #000; text-decoration: none; display: block; }
          .products-grid .product-name a:hover { color: #BB5500; }

          .products-grid .collection { padding-bottom: .5em; color: #666; font-size: 1em;/* text-transform: uppercase; border-bottom: 1px solid #CCC;*/ }

          .products-grid .price-box { width: 180px; margin: 90px 0 0 0; position: absolute; }
          .products-grid .price-box .cetelem-payment { font-size: 1em; }
          .products-grid .availability { line-height:21px; }
          /*.products-grid .clear { height: 7px; line-height: 7px; }*/
          .products-grid .short-description { padding: .3em .5em; font-size: .95em; color: #535353; }
          .products-grid .short-description p { margin: 0; }
          .products-grid .short-description a { color: #535353; text-decoration: none; display: block; }
          .products-grid .actions { width: 160px; margin: 181px 0 0 20px; position: absolute; }

          .erroroption { display: block; opacity:0; text-align: center; background-color: #993300; color: #fff; font-weight: bold; }
          .erroroption:not(:empty) { padding: 10px 0; }
          .alertbroderie { display: none; text-align: center; text-align: center; background-color: #993300; color: #fff; font-weight: bold; padding: 10px 0;}
          .successbroderie { display: none; text-align: center; text-align: center; background-color: #569043; color: #fff; font-weight: bold; padding: 10px 0;}
          .addoption{ line-height: 10px;}

          .icoalert { float: right;}

          .social-share .btn {
            background: #3a3a3a;
            border-color: #3a3a3a;
            color: #fff;
            font-family: "Roboto Condensed",Arial,sans-serif;
            font-weight: 700;
            letter-spacing: 0.4px;
            margin-bottom: 20px;
            padding: 10px 20px;
            text-transform: uppercase;
          }

          .social-share .btn::before {
            background: url(img/share-fr.png) no-repeat -11px -17px;
            background-size: 42px auto;
            content: "";
            display: inline-block;
            height: 20px;
            margin-right: 6px;
            vertical-align: -15%;
            width: 20px;
          }

          .social-share .btn:hover {
            background: #2592a9;
            border-color: #2592a9;
          }

          .visually-hidden {
            position: absolute!important;
            width: 1px!important;
            height: 1px!important;
            padding: 0!important;
            margin: -1px!important;
            overflow: hidden!important;
            clip: rect(0,0,0,0)!important;
            white-space: nowrap!important;
            border: 0!important;
          }

          .openmail { display: none; position: absolute; width: 250px; height: 150px; background-color: #fff; box-shadow: 0 0 5px #333; top: -160px; left: -40px; z-index: 5001; text-align: center;}
          .emaildest { width: 150px; height:25px;}

          .price-box {
          }
          .hache1 { position: relative; left: -15px;}

          .price-box .price, div .price-panier .price-reduction {
            color: #0b8694;
            font-family: 'roboto', sans-serif;
            font-size: 1.4em;
            font-weight: bold;
              margin-bottom: 20px;
          }

          .products-grid {
            position: relative;
          }
          .products-grid.last {
          }
          .products-grid li.item {
            border: 1px solid #fff;
            /*float: left;*/
            margin: 0 50px 4.2em 0;
            padding-top: 10px;
            width: 365px;
            height: auto;
          }

        .products-grid li.item:hover {
            border-color: #bbbcbe;
        }
          .products-grid li.item.last {
            margin-right: 0;
          }
          .products-grid .product-image {
            display: block;
            float: left;
            height: 210px;
            margin: 0 25px 0 0;
            width: 160px;
          }
          .products-grid .product-details {
            display: block;
            float: left;
            text-align: right;
          }

        .products-grid .product-details,.products-grid .price-box{
              width: 280px;
        }
          .products-grid .product-name, .product-name {
            font-size: 1.1em;
            font-weight: bold;
            line-height: 1em;
            margin: 0.5em 0;
          }
          .products-grid .product-name a {
            color: #000;
            display: block;
            text-decoration: none;
          }
          .products-grid .product-name a:hover {
            color: #3a3a3a;
          }

            .product-name a:hover {
                text-decoration:none;
            }

          .products-grid .collection {
            /*border-bottom: 1px solid #ccc;*/
            color: #666;
            padding-bottom: 0.5em;
          }

          .products-grid .price-box {
            top:25px;
            position: absolute;
          }

        .creez-votre-style{
            position: absolute;
            padding: 10px 20px;
        }

        .addcart {
          display: block;
          padding: 10px 17px;
          text-align: center;
        }

          .creez-votre-style, .addcart{
              text-align: center;
            background: #0b8694;
            text-transform: uppercase;
            font-family: "Roboto Condensed",Arial,sans-serif;
            font-weight: 700;
            font-size: 0.89em;
            right: 0px;
            margin-top: 10px;
            }

            .creez-votre-style a, .addcart{
                color:#fff;
                text-decoration: none;
                letter-spacing: 0.4px;
            }

            .creez-votre-style:hover,.addcart:hover {
                background: #efbd4a;
                transition: all 0.4s ease;
            }

        .price-panier .text-center {
            text-align: right;
            margin-top: 15px;
        }

          .products-grid .price-box .cetelem-payment {
            font-size: 1em;
          }
          .products-grid .availability {
            line-height: 21px;
          }

          .products-grid .short-description {
            /*background-color: #e6e5d5;*/
            color: #535353;
            font-size: 0.8em;
            padding:0.3em 0.5em;
            text-align: right;
            border-top: 1px solid #bbbcbe;
          }
          .products-grid .short-description p {
            margin: 0;
          }
          .products-grid .short-description a {
            color: #535353;
            display: block;
            text-decoration: none;
          }
          .products-grid .actions {
            margin: 181px 0 0 20px;
            position: absolute;
            width: 160px;
          }
            .realisations-exemples.hidden-xs img:hover {
                opacity: 0.8;
                transition: all 0.5s ease;
                transform: scale(1.04) rotate(2deg);
            }

          .realisations-exemples {
            height: 215px;
            margin-top: 33px;
            padding: 20px 20px 10px 20px;
            position: relative;
            z-index: 5000;
            border: 2px solid #ececec !important;
          }

          .realisations-exemples .un-exemple {
            float: left;
            height: 192px;
            overflow: hidden;
            width: 230px;
          }

          .realisations-exemples-label {
            /*font-size: 1.3em;*/
            font-weight: 400;
            text-transform: uppercase;
            color: #fff;
            margin-top: 3px;
            padding: 3px 10px !important;
            padding-bottom: 10px;
            background: #0b8694;
            display: inline;
            position: absolute;
            left: -2px !important;
            top: -33px;
              font-family: poppins, sans-serif !important;
          }

           .custom-text-textile, .videos{
                border-top:0px !important;
            }


/*********section insta*******/
        .row.instagram {
          background: #fefcff;
          margin-top: 25px;
          padding: 0 45px;
          display: flex;
          justify-content: flex-start;
          align-items: center;
        gap: 2em;
        }

        .img-insta {
          width: 60%;
        }

        .img-insta img, .logo-insta img {
             width: 100%; 
        }

        .img-insta img {
          max-width: 1042px;
          min-width: 530px;
        }

        .bloc-txt-insta {
          font-family: poppins, sans-serif;
            width: 20%;
        }
        
        .txt-insta {
          font-size: 1.5em;
          /*width: 60%;*/
          font-weight: 300;
        }

        .logo-insta{
            margin-top: 8px;
        }

        .logo-insta img {
          max-width: 214px;
          min-width: 120px;
        }

        a button.btn-insta {
          background: #000;
          border-radius: 0px;
          padding: 12px 25px;
          color: #fff;
          font-size: 1.1em;
          margin-top: 10px;
          font-weight: 400;
          transition: ease 0.5s;
        }

        a:hover button.btn-insta {
          background: -webkit-linear-gradient(45deg,#0f8793, #17707a);
          background: -moz-linear-gradient(45deg,#0f8793, #17707a);
          background: -ms-linear-gradient(45deg,#0f8793, #17707a);
          background: -o-linear-gradient(45deg,#0f8793, #17707a);
          background: linear-gradient(45deg,#0f8793, #17707a);
          color: #a7e9e8;
        }

    @media screen and (min-width:1091px) and (max-width: 1440px){
        .img-insta {
          width: 65%;
        }
        
        .bloc-txt-insta {
          width: 30%;
        }
        
        .txt-insta {
          font-size: 1.2em;
        }
        
        .logo-insta img {
          max-width: 155px;
        }
        
}

     @media screen and (min-width:769px) and (max-width: 1090px){
        .row.instagram {
          padding: 0 20px;
         }
         
         .img-insta {
          width: 65%;
        }
         
         .img-insta img {
              min-width: 405px;
        }
         
         .bloc-txt-insta {
          width: 36%;
         }
         
         .txt-insta {
          font-size: 1.1em;
        }
         
         .logo-insta img {
             max-width: 120px;
        }
         
         a button.btn-insta {
              padding: 9px 20x;
              font-size: 1.1em;
              line-height: 1.3em;
              margin-top: 4px;
            }
         
         .menu-configurateur .guide {
              margin-left: 0px;
         }
     }


    @media screen and (min-width:320px) and (max-width: 768px){
        .row.instagram {
          display: inherit;
          padding: 0 20px;
         }
        
        .img-insta {
          width: 100%;
        }
        
        .img-insta img {
          min-width: 345px;
        }
        
        .bloc-txt-insta {
          width: 80%;
          text-align: center;
          margin: 15px auto;
        }
        
        .txt-insta {
          font-size: 1.125em;
        }
        
        .logo-insta img {
             max-width: 140px;
        }

     }


/*******fin section insta**********/

         .footer-commun.container {
              margin: 0 auto;
            }

            .footer-commun {
              border-top: 1px solid #ededf1;
              margin-bottom: 30px;
               margin-right: -15px;
             margin-left: -15px;
            }

          .menu-configurateur {
            font-weight: 400;
            /*margin-top: 26px;
            position: relative;
            max-width: 970px;*/
            margin: auto 0;
            display: flex;
            justify-content: space-around;
            align-items: center;
            padding: 20px 0px;
            height:auto;
              width:100%;
          }

.menu-configurateur, .menu-configurateur a {
    float:inherit;
}

          .menu-configurateur .delai-detail {
            color: #c86c22;
          }
          .menu-configurateur a {
            color: #676767;
            /*display: block;
            height: 60px;*/
            text-decoration: none;
              font-size: 1em;
              height:50px;
              padding-top:0px;
              width: 100%;
              padding-top: 15px;
          }

            .menu-configurateur a:hover {
              color:#0b8694;  
            }

          .menu-configurateur .delais {
            display: block;
            float: left;
            height: 38px;
            padding-top: 22px;
          }
            
        .menu-configurateur .guide, .menu-configurateur .livraison, .menu-configurateur .conseil, .menu-configurateur .imprimer {
            transition: ease 0.5s;
            padding-left: 60px;
            background-position-y: -3% !important;
        }

            .menu-configurateur .guide {
                background: url(img/guide-achat.jpg) left center no-repeat;
          }

            .menu-configurateur .livraison {
            background: url(img/livraison.jpg) left center no-repeat;
          }

            .menu-configurateur .conseil {
                background: url(img/besoin-conseil.jpg) left center no-repeat;
          }

            .menu-configurateur .imprimer {
                background: url(img/imprimer.jpg) left center no-repeat;
            }

            .menu-configurateur a.guide:hover, .menu-configurateur a.livraison:hover, .menu-configurateur a.conseil:hover, .menu-configurateur a.imprimer:hover  {
              background-position-y: 101% !important;
            }

          /*.menu-configurateur .delais {
            background: rgba(0, 0, 0, 0) url("/images/delai-de-fabrication.jpg") no-repeat scroll left center;
            padding-left: 88px;

          }*/


          /*****BRODERIE****/

          #zonebroderie { display: block;}

          .brodcolor {
            display: inline-block;
             border:1px solid #999;
            height: 20px;

            width: 50px;
            cursor: pointer;
            text-align: center;
            position: relative;top: 5px;
          }

          .broderieoptions { background-color: #EDEDED; border: 1px solid #DBDBDB; padding: 10px 5px; margin-bottom: 8px; position: relative; }

          .listcolors1, .listcolors2 { display: none; padding: 20px; /*position: absolute;*/position: relative; width: 100%; min-height: 150px; background-color: #fff; box-shadow: 0px 5px 5px #999; left: -2px; z-index: 500; top: -30px;}

          .ltxt {
            width: 100%;
          }

          /***** END BRODERIE ***/

        .controls{
            padding-bottom: 30px;
            padding-top: 10px;
            color: #000;
          }

          button + label{
            margin-left: 1em;
          }

          .sortingp{


            -webkit-backface-visibility: hidden;
          }

          .sortingp:after{
            content: '';
            display: inline-block;
            width: 100%;
          }

          .sortingp .mix,
          .sortingp .gap{
            display: inline-block;
            width: 49%;
          }

          .sortingp .mix{
            text-align: left;

            margin-bottom: 2%;
            display: none;
          }



          label{
            font-weight: 300;
            margin: 0 .4em 0 0;
          }

          button{
            // display: inline-block;
            // padding: 3px;
            // background: #128b95;
            // border: 0;
            // color: #ddd;
            // font-size: 14px;
            // font-weight: 300;
            // cursor: pointer;
            //  margin-bottom: 5px;
            //  height: 40px;
          }

          button.active{
            background: #005860;
          }

          button:focus{
            outline: 0 none;
          }

          button + label{
            margin-left: 1em;
          }


          /****SURMESURE***/
          #surmesure {
            display: none;
            position: absolute;
            padding: 25px;
            background-color: #fff;
            box-shadow: 0px 0px 10px #999;
            z-index: 50000;
          }

          .infomesure, .imgfields {position: relative;}

          #demisurmesurew {
            display: none;
            width: 355px;
            height: 360px;

            position: absolute;
            padding: 25px;
            background-color: #fff;
            box-shadow: 0px 0px 10px #999;
            z-index: 50000;
          }

  .lcp { position: relative;}
  .lcp .delcompo { position: absolute; right: 10px; top: 10px;  display: block; width: 21px; height: 20px; background: url('img/close.png') top; z-index: 11000; }

.instagram .pimgr { width: 200px;}
.titleinst { font-size: 18px;}


          /***COMMONS****/
          .por { position: relative;}
          .imgva { vertical-align: middle; padding-right: 10px;}
          .fl { float: left;}
          .tohide { display: none;}
          .hideoption { display: none;}
          .imgfl { float: left; padding:10px;}
          .ttu { text-transform: uppercase;}
          .cl { clear: both;}
          .mt20 { margin-top: 20px;}
          .dib { display: inline-block;}
          .cp { cursor: pointer;}

          .annulersm, .annulerdsm {
            background: #a2aab0;
            background-image: -webkit-linear-gradient(top, #a2aab0, #8c9194);
            background-image: -moz-linear-gradient(top, #a2aab0, #8c9194);
            background-image: -ms-linear-gradient(top, #a2aab0, #8c9194);
            background-image: -o-linear-gradient(top, #a2aab0, #8c9194);
            background-image: linear-gradient(to bottom, #a2aab0, #8c9194);
            -webkit-box-shadow: 0px 1px 3px #666666;
            -moz-box-shadow: 0px 1px 3px #666666;
            box-shadow: 0px 1px 3px #666666;
            font-family: Arial;
            color: #ffffff;
            font-size: 12px;
            padding: 10px 20px 10px 20px;
            text-decoration: none;
            cursor: pointer;
          }

          .annulersm:hover, .annulerdsm:hover {
            background: #626466;
            background-image: -webkit-linear-gradient(top, #626466, #595b5c);
            background-image: -moz-linear-gradient(top, #626466, #595b5c);
            background-image: -ms-linear-gradient(top, #626466, #595b5c);
            background-image: -o-linear-gradient(top, #626466, #595b5c);
            background-image: linear-gradient(to bottom, #626466, #595b5c);
            text-decoration: none;
          }

          .validesm, .validedsm {
            background: #789900;
            background-image: -webkit-linear-gradient(top, #789900, #789900);
            background-image: -moz-linear-gradient(top, #789900, #789900);
            background-image: -ms-linear-gradient(top, #789900, #789900);
            background-image: -o-linear-gradient(top, #789900, #789900);
            background-image: linear-gradient(to bottom, #789900, #789900);
            -webkit-box-shadow: 0px 1px 3px #666666;
            -moz-box-shadow: 0px 1px 3px #666666;
            box-shadow: 0px 1px 3px #666666;
            font-family: Arial;
            color: #ffffff;
            font-size: 12px;
            padding: 10px 20px 10px 20px;
            text-decoration: none;
            cursor: pointer;
          }

          .validesm:hover, .validedsm:hover {
            background: #617804;
            background-image: -webkit-linear-gradient(top, #617804, #617804);
            background-image: -moz-linear-gradient(top, #617804, #617804);
            background-image: -ms-linear-gradient(top, #617804, #617804);
            background-image: -o-linear-gradient(top, #617804, #617804);
            background-image: linear-gradient(to bottom, #617804, #617804);
            text-decoration: none;
          }



          .annulerbrod {
            float: right;
            margin-left: 8px;
            display: inline-block;

            background: #a2aab0;
            background-image: -webkit-linear-gradient(top, #a2aab0, #8c9194);
            background-image: -moz-linear-gradient(top, #a2aab0, #8c9194);
            background-image: -ms-linear-gradient(top, #a2aab0, #8c9194);
            background-image: -o-linear-gradient(top, #a2aab0, #8c9194);
            background-image: linear-gradient(to bottom, #a2aab0, #8c9194);
            -webkit-box-shadow: 0px 1px 3px #666666;
            -moz-box-shadow: 0px 1px 3px #666666;
            box-shadow: 0px 1px 3px #666666;
            font-family: Arial;
            color: #ffffff;
            font-size: 12px;
            padding: 5px 10px 5px 10px;
            text-decoration: none;
            cursor: pointer;
          }

          .annulerbrod:hover {
            background: #626466;
            background-image: -webkit-linear-gradient(top, #626466, #595b5c);
            background-image: -moz-linear-gradient(top, #626466, #595b5c);
            background-image: -ms-linear-gradient(top, #626466, #595b5c);
            background-image: -o-linear-gradient(top, #626466, #595b5c);
            background-image: linear-gradient(to bottom, #626466, #595b5c);
            text-decoration: none;
          }

          .validerbrod {
            float: right;
            display: none;

            background: #789900;
            background-image: -webkit-linear-gradient(top, #789900, #789900);
            background-image: -moz-linear-gradient(top, #789900, #789900);
            background-image: -ms-linear-gradient(top, #789900, #789900);
            background-image: -o-linear-gradient(top, #789900, #789900);
            background-image: linear-gradient(to bottom, #789900, #789900);
            -webkit-box-shadow: 0px 1px 3px #666666;
            -moz-box-shadow: 0px 1px 3px #666666;
            box-shadow: 0px 1px 3px #666666;
            font-family: Arial;
            color: #ffffff;
            font-size: 12px;
           padding: 5px 10px 5px 10px;
            text-decoration: none;
            cursor: pointer;
          }

          .validerbrod:hover {
            background: #617804;
            background-image: -webkit-linear-gradient(top, #617804, #617804);
            background-image: -moz-linear-gradient(top, #617804, #617804);
            background-image: -ms-linear-gradient(top, #617804, #617804);
            background-image: -o-linear-gradient(top, #617804, #617804);
            background-image: linear-gradient(to bottom, #617804, #617804);
            text-decoration: none;
          }

          .previewbrod {
            float: left;
            display: inline-block;

            background: #789900;
            background-image: -webkit-linear-gradient(top, #ecba5b, #ecba5b);
            background-image: -moz-linear-gradient(top, #ecba5b, #ecba5b);
            background-image: -ms-linear-gradient(top, #ecba5b, #ecba5b);
            background-image: -o-linear-gradient(top, #ecba5b, #ecba5b);
            background-image: linear-gradient(to bottom, #ecba5b, #ecba5b);
            -webkit-box-shadow: 0px 1px 3px #666666;
            -moz-box-shadow: 0px 1px 3px #666666;
            box-shadow: 0px 1px 3px #666666;
            font-family: Arial;
            color: #ffffff;
            font-size: 12px;
           padding: 5px 10px 5px 10px;
            text-decoration: none;
            cursor: pointer;
          }

          .previewbrod:hover {
            background: #617804;
            background-image: -webkit-linear-gradient(top, #b58832, #b58832);
            background-image: -moz-linear-gradient(top, #b58832, #b58832);
            background-image: -ms-linear-gradient(top, #b58832, #b58832);
            background-image: -o-linear-gradient(top, #b58832, #b58832);
            background-image: linear-gradient(to bottom, #b58832, #b58832);
            text-decoration: none;
          }


          .buttonmc {
            background: #789900;
            background-image: -webkit-linear-gradient(top, #789900, #789900);
            background-image: -moz-linear-gradient(top, #789900, #789900);
            background-image: -ms-linear-gradient(top, #789900, #789900);
            background-image: -o-linear-gradient(top, #789900, #789900);
            background-image: linear-gradient(to bottom, #789900, #789900);
            -webkit-box-shadow: 0px 1px 3px #666666;
            -moz-box-shadow: 0px 1px 3px #666666;
            box-shadow: 0px 1px 3px #666666;
            font-family: Arial;
            color: #ffffff;
            font-size: 12px;
            padding: 10px 20px 10px 20px;
            text-decoration: none;
            cursor: pointer;
          }

          .buttonmc:hover {
            background: #617804;
            background-image: -webkit-linear-gradient(top, #617804, #617804);
            background-image: -moz-linear-gradient(top, #617804, #617804);
            background-image: -ms-linear-gradient(top, #617804, #617804);
            background-image: -o-linear-gradient(top, #617804, #617804);
            background-image: linear-gradient(to bottom, #617804, #617804);
            text-decoration: none;
          }

          .buttonssm, .buttonsdsm {position: relative; float: right; top: 15px;
          }
          .validedsm {display: none;}

          .greenbtn {
            display: inline-block;
  background: #008c95;
  background-image: -webkit-linear-gradient(top, #008c95, #008c95);
  background-image: -moz-linear-gradient(top, #008c95, #008c95);
  background-image: -ms-linear-gradient(top, #008c95, #008c95);
  background-image: -o-linear-gradient(top, #008c95, #008c95);
  background-image: linear-gradient(to bottom, #008c95, #008c95);
  -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 9px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 6px 9px 6px 10px;
  text-decoration: none;
  border: 2px solid #008c95;
}

.greenbtn:hover {
  background: #02747a;
  background-image: -webkit-linear-gradient(top, #02747a, #02747a);
  background-image: -moz-linear-gradient(top, #02747a, #02747a);
  background-image: -ms-linear-gradient(top, #02747a, #02747a);
  background-image: -o-linear-gradient(top, #02747a, #02747a);
  background-image: linear-gradient(to bottom, #02747a, #02747a);
  text-decoration: none;
}

      .ssoption { background-color: #F9F9F9; margin-bottom: 8px; padding-left: 3px; font-weight: bold;  }

      .ssoption  .detail-type5 span.type5 {
      border: 2px solid #fff;
      display: inline-block;
      margin: 3px;
      height: 20px;
      line-height: 20px;
      background-color: #fff;
      width: 40px;
      cursor: pointer;
      text-align: center;
    }

      .ssoption  .detail-type5 span.active {
      border: 2px solid #fff;
      display: inline-block;
      margin: 3px;
      height: 20px;
      line-height: 20px;
      width: 40px;
      color: #fff;
      background-color: #000;
      cursor: pointer;
    }



.p404t { font-size: 14px;}
.p404t a { text-decoration: underline;}


.adminline { text-align: center; background-color: #993300;}
.adminline .scompo, .adminline .dcompo { color: #fff; cursor: pointer;}

.noscript { text-align: center; background-color: #993300; color: #fff; }



          /* Preload images */
body:after {
  content: url(images/close.png) url(images/loading.gif) url(images/prev.png) url(images/next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.footer-container {
    background-color:#0b8694;
}
.footer-container .footer {
    margin: 0 auto;
    padding: 2em 0;
    width: 1170px;
    color:#fff;
    font-size: 0.8em;
}
.footer-container .footer ul {
    float: right;
    margin: 0;
}
.footer-container .footer ul li {
    color: #999;
    display: inline;
    padding: 0 0.2em;
}
.footer-container .footer a {
    color: #fff;
    text-decoration: none;
}
.footer-container .footer a:hover {
    text-decoration: underline;
}

.maintenance {
  color: #000;
  font-size: 18px;
  color: #555;

  line-height: 1.5em;
  margin-bottom: 0px;
  margin-top: 0;
  padding-top: 0;
}

#brandlistd { width: 100%; text-align: center; background-color: #3A3A3A; color: #fff; font-size: 15px; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; height: 40px; padding: 5px 0; border: none;
}

    #filterlistd {
        width: 100%;
        text-align: center;
        background-color: #128B95;
        color: #fff;
        font-size: 1em;
        font-family: 'Roboto Condensed', sans-serif;
        text-transform: uppercase;
        height: 40px;
        padding: 5px 20px;
        border: none;
    }

.imgresp { width: 100%;}

 .homebl4 { margin-bottom: 25px; margin-top: -25px;}
.homelast { margin-bottom: 50px;}

.homelast:first-child {
    margin-bottom: 160px;
}

.logopers  { position: relative;
top: -50px; }


.plusmoins { display: inline-block;
}
.btn-moins, .btn-moins2, .btn-plus, .btn-plus2  {
    display: block;
    float: left;
    height: 20px;
    width: 20px;
    cursor: pointer;
}
/*.btn-moins, .btn-moins2 {
    background: url("img/btn-moins.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin-right: 15px;
}
.btn-plus, .btn-plus2 {
    background: url("img/btn-plus.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin-left: 15px;
}*/

.btn-moins, .btn-moins2, .btn-plus, .btn-plus2{
    background: none;
}

.btn-moins::after, .btn-moins2::after, .btn-plus::after, .btn-plus2::after {
    font-size: 19px;
    font-weight: bold;
    line-height: 0.5;
}

.btn-moins::after, .btn-moins2::after {
    content: '-';
}

.btn-plus::after, .btn-plus2::after {
    content: '+';
    line-height: 0.37;
}

.qttemultiple { display: block;
    float: left;}


   .flashInfo {
    background-color: #f4f4f4;
    box-shadow: 0 1px 0 0 rgba(58, 58, 58, 0.1);
    position: relative;
    top: -38px;
    display: none;
}

.flashInfo-interne {
    color: #3a3a3a;
    display: block;
    margin: 0 auto;

    padding-bottom: 20px;
    padding-right: 60px;
    padding-top: 20px;
    position: relative;
}
.ptop20 { position: relative;
top: 15px;}

.flashInfo-content {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: stretch;
}

.flashInfo-titre {
    color: #0b8694;
    flex: 1 0 auto;
    font-family: "Roboto Condensed",Arial,sans-serif;
    font-size: 1.2em;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.flashInfo-texte {
    flex: 1 1 auto;
    font-size: 0.875em;
    min-width: 300px;
    padding: 0 20px;
}



@media (max-width: 1190px) {

    .header .logo { margin: 50px 0 0 420px; position: absolute; z-index: 1; }
div .taille-quantite {
  position: relative; top: -40px; left: 247px; text-align: center; z-index: 100;
}

div .price-panier {
  position: relative; right: 20px; top: 56px; text-align: right;
}

    .products-grid li.item:nth-child(2n+1), .products-grid li.item:nth-child(2n) {
    max-width: 430px;
    margin: 2.1 80px 2.1em 0;
    width: 100%;
}
    .products-grid {
    padding-left: 0px;
}

 .products-grid li.item:nth-child(2n+1), .products-grid li.item:nth-child(2n) {
    max-width: 450px;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}

.products-grid li.item {
    margin: 0 20px 4.2em 20px;
}

.products-grid .product-image2 {
    margin: 0 95px;
    height:auto;
}

 .products-grid .product-details {
    width: 100%;
     margin-top: 10px;
}

.products-grid .price-box {
    margin: 0px;
    position: inherit;
    width: 100%;
}

.creez-votre-style, .addcart {
    width: 100%;
    text-align: center;
    position:relative;
}

    .products-grid .product-details, .products-grid .collection {
        text-align: center;
    }

    .label-couleurs {
        font-size: 1.3em;
    }

    .realisations-exemples .un-exemple {
        width: 220px;
    }

    .realisations-exemples.hidden-xs img {
        width: 100%;
        height: auto;
    }
        }


@media (max-width: 980px) {

  .header .logo { margin: 50px 0 0 260px; position: absolute; z-index: 1; }
  div .taille-quantite {
    left: 93px;
    position: relative;
    text-align: center;
    top: 40px;
    left: 175px;
    z-index: 100;
}


.menuopt { position: relative; }
        }


/* //         .menubrands { list-style-type: none; position: relative;
// top:-70px;   border-bottom: 1px solid #ededed; padding-bottom: 25px;}
// .menubrands a { width: 100%;
//  font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase;
// font-size: 14px;  text-decoration: none;
// vertical-align:middle;
// display:inline-block;
// line-height:1.2;

//    }

//    .menubrands a:hover { color: #fff;}

// .menbr {
//  margin: 0; padding: 0; position: relative;   height: 55px;  line-height: 55px;

// }
// .menbr:hover { cursor: pointer;}
// .menbr:hover a { color:#fff;} */



 @media (max-width: 768px) {

.product-name-home a {
    font-size: 1.25em !important;
}

.btn-creez-votre-style {
    font-size: 1.2em !important;
    padding: 12px 20px;
    width: 220px;
}

        .ptop20 { position: relative;
top: 0px;}

  .header .logo { margin: 50px 0 0 390px; position: absolute; z-index: 1; }

  .label-couleurs {
    margin-bottom: 5px;
  }

  .menuopt {
      position: relative;
      top: 0px;
     }

.fidelity { position: relative;
display: none;
}

.openzoom { position: absolute; z-index: 5000; display: block; width: 95px; height: 64px; left: 0; top: 400px; cursor: pointer;}
.thepricebloc { position: relative; top: -15px; left: 65px;
}

div .taille-quantite {
    position: relative;
    top: 42px;
    left: -182px !important;
    text-align: center;
    z-index: 100;
    margin-left: 40px !important;
}

.brand_listing {
  height: 150px;
  margin: -27px auto 7px;
  padding: 0;
  text-align: center;
}

.brand_listing a {
  background: none repeat scroll 0 0 #015861;
  border-radius: 10px;
  text-transform: uppercase;
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  height: 25px;line-height: 25px;
  margin: 2px 15px 2px 2px;
  padding: 0px 6px;
  text-align: center;
  text-decoration: none;
  min-width: 145px;
}

.header .logo { margin: 50px 0 0 150px; position: absolute; z-index: 100; }
  .header .logo img { height: 60px;}


    .popnotice { position: absolute; background-color: #fff; width: 100%; height: 270px; z-index: 8000; display: none; top: -190px; left:0; font-size: 12px; padding: 20px; box-shadow: 0 0 5px #333;}

    .footer-container .footer, .menu-configurateur {
        width: 100%;
    }

    .remise-fidel { position: relative;
    bottom: -17px; left: -100px;}

    div .price-panier {
      /*position: relative; top: 75px; right: 160px; text-align: right; color: #2592a9;*/
        position: relative;
        top: 5px;
        right: 70px;
        text-align: right;
        color: #2592a9;
        float: right;

    }

    /*****ajout****/
     .products-grid li.item:nth-child(2n+1), .products-grid li.item:nth-child(2n){
    max-width: 670px;
        width:100%;
    }

    .products-grid{
        padding-left: 0px;
    }

    .products-grid .product-details, .products-grid .price-box {
        /*max-width: 480px;*/
        width: 100%;
    }

    div .price-panier .price-reduction {
        padding-bottom: 5px;
    }

     .home-visual {
        display: inherit !important;
     }

     .realisations-exemples {
    height: 185px;
     }

     .realisations-exemples .un-exemple {
        width: 100%;
        max-width: 168px;
    }

     .realisations-exemples.hidden-xs img {
        width: 100%;
        height: auto;
    }

     .theproduct {
        margin-top: 50px;
    }

  }

@media screen and (min-width:481px) and (max-width: 767px) {
    .page-header .logo{
        padding-left: 15px;
    }
    .page-header .logo img {
      max-width: 180px;
    }       
}


/***************   480    **********************/
  @media (max-width: 480px) {

      .container-full.accueil {
    margin-top: 20px;
}

      .product-name-home a {
    font-size: 0.85em !important;
}

.btn-creez-votre-style {
    display: none;
}

.homelast:first-child {
    margin-bottom: 30px;
}

.footer-container.footer {
    padding: 50px 20px 0 20px !important;
}

.page-header .logo img {
   /* height: 40px !important;*/
    height: auto !important;
max-width: 160px;
}

.footer-top-2-icon.delais-footer {
    width: 195px !important;
}

.footer-top-2-icon.suivi {
    width: 102px !important;
}

.footer-top .col-md-3 {
    margin-bottom: 50px;
}

.footer-top .col-md-3:last-child {
    margin-bottom: 0px;
}
      .bandeau{
          display:none;
      }

      .les-option{
          margin-top:-50px;
      }

      .thepricebloc {
    left: 105px;
      }


    .logopers { width: 105%;}

    div .taille-quantite {
  position: relative; top: 62px; left:-156px !important; text-align: center; z-index: 100;
}

div .price-panier {
  position: relative; top: -15px; right: -40px; text-align: right;

}
.product h2 {
    font-size: 20px;
}

.pictures > .photo > img { max-width: 375px;}
.cacheimg { width: 375px;}
.sstitleh2 { fonclear: both;}

    .footer-container .footer {
    width: 100%;
}

    .header .logo { margin: 0px 0 0 0px;  z-index: 100; }
  .header .logo img { height: 50px;}
    .openzoom {
        position: absolute;
        z-index: 5000;
        display: block;
        width: 95px;
        height: 64px;
        left: -13px;
        top: 230px;
        cursor: pointer;
      }

  .label-couleurs {
    margin-bottom: 5px;
    margin-top: -30px;
  }

  .popnotice { position: absolute; background-color: #fff; width: 100%; height: 270px; z-index: 8000; display: none; top: -190px; left:0; font-size: 12px; padding: 20px; box-shadow: 0 0 5px #333;}

    .nomargin {
        position: relative;
        left: 0px;
        width: 100%;
        padding: 0px;
    }

    .products-grid {
        position: relative;
        width: 100%;
        left: -15px;
        padding: 0 15px;
        margin: 0 15px;
    }

          .products-grid.last {}
          /*.products-grid li.item:nth-child(odd) { width: 310px; padding-top: 10px; margin: 0 0px 4.2em 0; border-top: 1px dotted #CCC; float: left; }
          .products-grid li.item:nth-child(even) { width: 310px; padding-top: 10px; margin: 0 0px 4.2em 0; border-top: 1px dotted #CCC; float: left; }*/
          .products-grid li.item.last { margin-right: 0; }

          .products-grid .product-image2 { display: block;
            width: 100%;
            margin: 0 25px 0 0;
            float: none;
            height: auto;
      }

      .product-image2 img {
         margin: 0 45px;
      }

          .produvt_grid .product_image { height: 120px;}
          .pictop { position: absolute; top: 158px; left: 20px;}

          .products-grid .product-details {
              position: inherit;
              text-align: right;
            display: block;
            float: none;
            padding-right: 0px;
            width: 100%;
          }

          .products-grid .product-name { margin: .5em 0; font-size: 1.1em; line-height: 1em; font-weight: bold; }
          .products-grid .product-name a { color: #000; text-decoration: none; display: block; }

          .products-grid .price-box {
              width: 100%;
              position: inherit;
              right: 0;
              top: 50px;
      }

      .products-grid .product-details, .products-grid .collection {
        text-align: center;
    }
      .product-details {
        margin-top: 15px !important;
    }
          .products-grid .price-box .cetelem-payment { font-size: 1em; }
          .products-grid .availability { line-height:21px; }
          .products-grid .clear { height: 7px; line-height: 7px; }

          .products-grid .short-description p { margin: 0; }
          .products-grid .short-description a { color: #535353; text-decoration: none; display: block; }
          .products-grid .actions { width: 160px; margin: 181px 0 0 20px; position: absolute; }

.remise-fidel { position: relative;
bottom: -37px; left: -80px;}

      .product {
        top: 20px;
        overflow: -moz-hidden-unscrollable !important;
    }

      #brandlistd {
        margin-top: 20px;
    }

      .header-links {
        width: 100%;
        float: none;
    }

      .header-links {
        padding-right: 0px;
    }

      .page-header-container {
            padding: 0px 15px;
        }

      .decalh {
        height: 295px;
    }

      .pictures, .pictures .photo {
        width: 100%;
    }

      .pictures.decalh .photo img {
        width: 100%;
        max-width: 320px;
    }

      .footer ul {
        padding-left: 0px;
    }

      .menu-configurateur .guide {
        background: transparent;
        margin-left: 0px;
        padding-left: 0px;
}

      .menu-configurateur {
            margin-top: 26px;
            width: 100%;
            margin-bottom: 20px;
    }

      /***correction bug bottes DYON et Sergio***/
      .decalv {
        left: 0px;
    }

      .pictures, .pictures .photo img {
        max-width: 100%;
    }

      /*****supprime le scroll vertical******/
.container, .container-fluid {
    overflow-y: hidden !important;
}

      .resocompooff {
    padding-top: 11px;
}

  }

/***************   <480    **********************/
  @media screen and (min-width:320px) and (max-width: 620px){


      .menu-configurateur .livraison, .menu-configurateur .conseil, .menu-configurateur .imprimer{
          margin-left: 0px !important;
          padding-left: 0px !important;
      }
}

@media screen and (min-width:320px) and (max-width: 530px){
    .footer-container .footer, .menu-configurateur {
    text-align: center;
}
}
/********Ajout******/
.panel-title {
    font-size: 0.9375em;
    color: #7a7a7a;
    font-weight: 400;
    font-family: 'Roboto',Arial,sans-serif;
}

.panel-title a:hover, .panel-title a:focus{
    text-decoration: none;
}

.panel-default > .panel-heading:hover, .panel-default > .panel-heading:focus {
    background-color: #f1f1f1;
}

.home-product .creez-votre-style {
    margin: 0 auto;
    text-align: center !important;
    position: relative;
    margin-top: 20px !important;
    /*width: 80%;*/
}

.home-product {
    padding-bottom: 5px;
}

.home-product:hover {
    transition: all 0.5s ease;
    filter: grayscale(70%);
}

.container.product .row.mt20{
   margin-top: 45px;
}

/******home 2021****/
.home-product-info {
    position: absolute;
    top: 24%;
    text-align: left;
    left: 5%;
}

.product-name-home a {
    font-size: 1.65em;
    color: #fff;
    font-weight: 700;
}

.black .product-name-home a, .black .btn-creez-votre-style a  {
    color: #000;
}

.black .btn-creez-votre-style {
    border-color: #000;
}

.product-name-home a:hover {
    text-decoration: none;
}

.btn-creez-votre-style{
   text-align: center;
   background: transparent;
   text-transform: uppercase;
   font-family: "Roboto Condensed",Arial,sans-serif;
   font-weight: 700;
    font-size: 1.3em;
    margin-top: 15px;
    border:2px solid #fff;
    padding: 15px 20px;
    cursor: pointer;
    width: 270px;
            }

.btn-creez-votre-style a{
    color:#fff;
    text-decoration: none;
    font-weight: 400;
}

.btn-creez-votre-style:hover a{
    color:#000;
}

.btn-creez-votre-style a:hover, .btn-creez-votre-style:hover a{
    transform: all 0.5s ease;
}

.btn-creez-votre-style:hover{
   background: #fff;
}

.black .btn-creez-votre-style:hover a{
    color:#fff;
}

.black .btn-creez-votre-style:hover{
   background: #000;
}

.home-product img {
    width: 100%;
    height: auto;
}

/******Footer 2021*****/

.footer-container.footer-top, .footer-container.footer-top-2 {
    padding: 40px 0;
}

.footer-container.footer {
    background: #f6f6f7;
    padding-top: 50px;
}

.footer-container.footer p {
    font-weight: 300;
}

.footer-container.footer .blue {
    font-size: 1.25em;
    font-weight: 800;
    display: block;
    color: #0b8694;
}

.footer-container.footer-top {
    background-color: #f6f6f7;
    color: #000;
}

.footer-container.footer-top-2 {
    background-color: #17707a;
    color: #fff;
}

.footer-top .col-md-3, .footer-container.footer {
    text-align: center;
}

.footer-top-row {
    display: flex;
}

.footer-top-tx {
    padding-top: 10px;
}

.footer-title {
    font-weight: 700;
}

.footer-top-tx p {
    font-weight: 300;
    margin-top: 10px;
    line-height: 1.7;
}

.footer-top-icon {
    width: 113px;
    height: 95px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.footer-top-icon.colors {
    background: url(https://personnalisables.mon-cheval.fr/css/img/colors.png) no-repeat;
}

.footer-top-icon.garantie {
    background: url(https://personnalisables.mon-cheval.fr/css/img/europe.png) no-repeat;
}

.footer-top-icon.marques {
    background: url(https://personnalisables.mon-cheval.fr/css/img/marques.png) no-repeat;
}

.footer-top-icon.creativite {
    background: url(https://personnalisables.mon-cheval.fr/css/img/creativite.png) no-repeat;
}

.footer-top-2-icon {
    height: 101px;
    margin-right: 30px;
}

.footer-top-2-icon.delais-footer {
    background: url(https://personnalisables.mon-cheval.fr/css/img/delai.png) no-repeat;
    width: 105px;
}

.footer-top-2-icon.suivi {
    background: url(https://personnalisables.mon-cheval.fr/css/img/suivi-livraison.png) no-repeat;
    width: 55px;
}

/******pop-up****/

#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
z-index: 100;
display: none;
}

.cnt223 a{
text-decoration: none;
}

.popup{
width: 100%;
margin: 0 auto;
display: none;
position: fixed;
z-index: 10100;
}

.cnt223{
width: 20%;
background: #ffffff;
position: relative;
z-index: 103;
padding: 5em 40px;
border-radius: 20px;
/*background-image: url(bg-pop-up.png);*/
box-shadow: 0 2px 20px rgba(0,0,0,0.35);
    margin:-16% auto;
}

.cnt223 p{
clear: both;
    /*color: #555555;
     text-align: justify; */
}

.cnt223 p a{
color: #d91900;
font-weight: bold;
}

.cnt223 .x{
float: right;
height: 35px;
left: 22px;
position: relative;
top: -25px;
width: 34px;
}
.cnt223 .x:hover{
cursor: pointer;
}

.close-popup {
    width: 25px;
    height: 25px;
    display: block;
    background: black;
    border-radius: 50px;
    position: absolute;
    right: -11px;
    top: -10px;
}

.close-popup:hover{
    background: #0f8793;
    transition:0.5s ease;
}

.close-popup::after {
    content: 'x';
    color: white;
    padding: 9px;
    font-weight: bold;
    line-height: 1.6;
}

.contenu-popup {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
    gap: 1em;
}

.logo img {
    width: 100%;
    max-width: 200px;
}

.btn-popup a {
    border: 2px solid #0f8793;
    padding: 15px 25px;
    color: #0f8793;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    margin-top:10px
}

.btn-popup a:hover{
    background: #0f8793;
    color:white;
    transition: 0.5s ease;
}
/****responsive*****/
@media screen and (min-width: 320px) and (max-width: 768px){
   .popup {
    position: relative;
}

    .cnt223{
       /*margin: 0px auto;*/
      padding: 4em 20px;
      width: 90%;
      margin-top: 5%;
    }

     .logo img{
        /*max-width: 100px;*/
    }

    td {
    padding:10px 3px;
}
}

/* NUKIUM */
.breadcrumb {
  font-size: 11px;
  background: none;
  border-radius: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
}

.breadcrumb li:not(:first-child)::before {
  margin-left: .3125rem;
}

@media (min-width: 480px) {
  .container.breadcrumb-container {
    position: relative;
    top: 120px;
  }
}

/* Zoom */
.fancybox-inner {
  display: -ms-flexbox;
	display: flex;
  -ms-flex-pack: center;
	justify-content: center;
  -ms-flex-align: start;
	align-items: flex-start;
}

.fancybox-inner > img {
  height: auto;
  max-width: 100%;
}

/******bandeau livraison*******/

#livraison{
    background: #f7bd52;
    border-radius: 20px;
    padding: 35px;
    margin-bottom: 15px;
    margin-top: 50px;
   /* width:1140px;*/
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
}

.title-livraison {
  font-size: 1.700em;
  font-weight: bold;
}

.bloc-livraison {
  display: flex;
  justify-content: space-between;
  color: #000000;
  margin-top: 10px;
  column-gap: 3.2em;
}

.icon img {
  width: 100%;
  max-width: 70px;
}

.icon {
    flex-grow:1;
    min-width: 65px;
  
 /* width: 100%;
    max-width: 140px;*/    
}

.tx-livraison {
  flex-grow: 3;
}

.row-livraison {
  display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start;
    column-gap: 1em;
    width: 100%;
}

.tx-livraison h2 {
  font-size: 1.125em;
  font-weight: bold;
    margin-bottom: 0px;
}
.tx-livraison p {
  margin-top: 3px;
}

#livraison iframe {
  border: none;
}

.container:hover .attribution, .attribution {
  opacity: 0 !important;
}

/******responsive bandeau livraison*****/
@media screen and (min-width: 300px) and (max-width: 810px){
    .title-livraison{
        text-align: center;
    }
  
.bloc-livraison {
  display: inherit;
}

}