@font-face {
  font-family: 'Daniel';
  src: url('../fonts/daniel-regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/daniel-regular.woff') format('woff'), url('../fonts/daniel-regular.ttf')  format('truetype'), url('../fonts/daniel-regular.svg#daniel-regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Daniel';
  src: url('../fonts/daniel-bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/daniel-bold.woff') format('woff'), url('../fonts/daniel-bold.ttf')  format('truetype'), url('../fonts/daniel-bold.svg#daniel-bold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');


/*general*/
body {font-family: 'Open Sans', sans-serif;color: #292827;-webkit-font-smoothing: antialiased;}
a:focus, a:hover {color: #fd6619;}
/*h1 {margin-top: 0;margin-bottom: 30px; font-size: 30px; font-weight: 700;}*/
ul {padding-left: 0;}
p {margin: 0}

#cookie_bar {position: fixed; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.5); padding: 15px; color: #FFF; align-items: center;}
#cookie_bar .text a {color: #CCC; text-decoration: underline;}
#cookie_bar .buttons {display: flex; justify-content: flex-end; align-items: flex-end;}
#cookie_bar .buttons a:first-child {margin-right: 5px;}
#cookie_bar a.btn {border: 1px solid transparent; transition: all .2s ease;}

img {max-width: 100%;}
#page > .container{padding-top: 20px;}
.btn-social>:first-child{border:0;     padding-left: 10px;}
.btn-google{background-color: #e13d1e}
.btn-facebook{background-color: #4361ab}
/*layout*/
.container {width: 1200px;margin: auto;hei!ght: 100%;position: relative;}
.container-fluid {width: 100%;position: relative;}
li {list-style: none;}
.btn-danger {background: #ed4821;}
.btn-danger:hover {background: #ce4828; }
.right {float: right;}
.left {float: left;}
.boxPrice {
    width: 75%;
    font-size: 10px;
}
.clear {clear: both;}
section {padding: 50px 0;background-repeat: no-repeat;background-size: cover;background-position: top center;}
section.bg-noir {background: #181818;color: #fff;}
/* .title {font-family: 'Varela Round', sans-serif;font-size: 45px;text-align: center;margin-top: 0px;margin-bottom: 50px;} */
.title.text-left {text-align: left;}
.title.text-right {text-align: right;}
.title span {color: #fd6619;font-size: 49px;text-transform: uppercase;}
.table tr.noborder td {border-top: none;}
.rouge {color: #fd6619;}
.orange {color: #eda557;}
.titlerouge {color: #fd6619;font-family: 'Spoon', sans-serif;font-size: 36px;text-align: center;margin-top: 0px;margin-bottom: 50px;}
.bgout {background-repeat: no-repeat;background-position: right top;height: 400px;width: 1000px;position: absolute !important;margin-top: -50px;rig!ht: 66.66666667%;background-size: 100%;}
.bgout.left {right: 0;}
.bgout.right {left: 0;}
.form-horizontal .control-label.lignes2 {padding-top: 0;margin-top: -3px; }
.form-horizontal .control-label {white-space: nowrap;}
.form-horizontal .control-label.lignes2 {white-space: normal;}
[data-toggle="tooltip"] {cursor: pointer;font-size: 1.35em;color: #e5c112;}
.tooltip > .tooltip-inner {background:#b3b3b3;max-width: 500px;padding: 10px;}
.fa-power-off{/* color:#ed4821 ; font-size: 25px; position: relative; top:5px; */margin-left: 10px; }
.padding30 {padding: 0 30px;}
.paddingleft40 {padding-left: 40px;}
.btn-primary {background-color: #e5c112;border-color: #e5c112;}
.flex {display: flex;}
.justify-center {justify-content: center;}

/*badge*/
.badge {position: absolute;right:-3px;top: 0px;z-index: 10;}
.badge.bg-primary {background:#8075c4;}
.badge.bg-success {background:#a9d86e;}
.badge.bg-warning {background:#FCB322;}
.badge.bg-important, .badge.bg-danger {background:#ff6c60;}
.badge.bg-info {background:#41cac0;}
.badge.bg-inverse {background: #2A3542;}

/*notes*/
.starnote .fa {color: #e13d1e;font-weight: bold;margin: 0 2px;}
.starnote .fa-flip-horizontal {margin-left: -0.2em;color: #747474;}

.titlehomediv {text-align: center;}
.titlehomediv hr {border-top: 1px solid #e5c112;position: absolute;width: 100%;}
h1.titlehome {font-fa!mily: 'Daniel', sans-serif;font-size: 24px !important;display: inline-block;background: #fff;position: relative;padding: 0 80px;min-width: 420px; text-transform: initial !important; font-weight: normal !important; top: 10px}

/*header*/
.contentonly #header, .contentonly #miniheader, .contentonly #miniheader-placeholder, .contentonly #footer, .contentonly #reassurance, .contentonly #filariane, #page-informations.contentonly #header.small .searchform {display: none !important;}
.contentonly section {padding-top: 20px;padding-bottom: 20px;}
.contentonly .container {width: auto;}
.contentonly #header.small {min-height: 200px;}
#topbande {background: #000;height: 25px;}
#header {position: relative;over!flow: hidden;hei!ght: 760px;height: 420px;overflow: hidden;backgr!ound: url(../img/slide1.jpg) no-repeat center;background-size: cover;}
#header .categorie {display: none;}
#header .container {padding-top: 20px;}
#videoaccueil {position: absolute;z-index: -100;max-width: initial; min-width:  100%; height: 100%;}
#bgheader {position: absolute;z-index: -100;width: 100%;height: 100%;background-size: cover;background-position: top center;}
#toprecherche {background: rgba(255,255,255,0.5); position: relative; margin-top:-95px; height: 95px;z-index: 5}
#toprecherche .searchform {margin:30px 0;}
.searchform {margin: 40px 0;}
.searchform > .row{width:100%;position:absolute;}
.searchform select {font-size: 12px; padding: 5px}
/*.searchform .col-md-2 {width: 18.75%;}*/
#miniheader .searchform input[name="search"]::-webkit-input-placeholder {font-size: 12px;}
.searchform #trouver .inputbg.bg-danger.valider .btn {font-size: 20px;}
.searchform #trouver .inputbg.bg-danger.valider .btn:hover {background-color: #e5c112}
.inputbg {paddi!ng: 2px;background: #fff;bord!er-radius: 5px;box-shadow: 0 0 5px #eaeaea;border: 1px solid #e5c112;}
.inputbg.bg-danger.valider { padding-left:0; padding-right:0; box-shadow: none;}
.inputbg.bg-danger.valider .btn {background-color: #e6c014; border:1px solid #e6c014;font-size: 14px;font-weight: bold; border-left:0; border-right: 0;line-height: 1;letter-spacing: 1px;text-transform: uppercase;}
.inputbg.bg-danger.valider .btn img {vertical-align: -5px;margin-right: 15px;}
.inputbg.bg-danger.valider .btn.btn-danger:hover {background-color: #e6c014}
.inputbg.bg-danger.valider .btn .fa {top: 3px;position: relative;left: 25px;}
.inputbg.bg-danger.valider .btn span {vertical-align: middle;}
#voirlasuite {display:none;text-align: center;color: #fff;font-family: 'Varela Round', sans-serif;font-size: 22px;cursor: pointer;margin-top: 40px;    font-style: italic;}
#index #voirlasuite {display: block;}
#voirlasuite img {height: 50px;}
#miniheader .toplien {padding: 0 10px;}
#miniheader #topbande .pull-right a:not(:first-child):not(:last-child) {border-right: 1px solid #fff;}
.infominipanier {color: #fff;text-decoration: none;}
.infominipanier img {vertical-align: middle;}
.infominipanier .badge {position: static; background: #fff; color: #000; padding: 2px 5px;}
.infominipanier:hover, .infominipanier:focus {color: #fff;text-decoration: none;}
.montantpanierheader {font-size: 16px;}
.minipanier > .mt-drop {background: #fff;}

/*
.minipanier {position: absolute;background: #fff;border: 4px solid #e5c112;width: 280px;to!p: 5px;ri!ght: 130px;top: 70px;right: 0;text-align: left;color: #e5c112;padding: 15px 0;z-index: 10;display: none;}
#product-listing .minipanier, #index .minipanier {position: fixed; right: unset; margin-left: 175px; top: 45px;}
.minipanier:after, .minipanier:before {bottom: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.minipanier:after {border-color: rgba(255, 255, 255, 0);border-bottom-color: #fff;border-width: 10px;mar!gin-left: -10px;margin-left: 14px;}
.minipanier:before {border-color: rgba(241, 213, 213, 0);border-bottom-color: #e5c112;border-width: 16px;margi!n-left: -16px;margin-left: 8px;}
.minipanier .boutons {margi!n-top: 30px;}
.minipanier .boutons .inputbg:first-child {margin-bottom: 10px;}
.minipanier .boutons .inputbg {padding:2px 0;}
.minipanier .boutons .inputbg {  background-color: #e5c112; text-transform: uppercase;  }
.minipanier .boutons .inputbg .btn { color:white; background-color: #e5c112;  border: 1px solid #cc7e0d;  font-size: 14px;  border-left: 0;  border-right: 0;  line-height: 1.9;  letter-spacing: 1px; }
.minipanier .boutons .inputbg .btn { font-size: 13px !important;line-height: 1.3 !important;height: 28px;}
.minipanier .boutons .inputbg .btn { color: #fff; letter-spacing: 0;}
.minipanier .boutons .inputbg .btn:hover { background-color: #cc7e0d }
.minipanier .boutons .inputbg .btn.btn-danger {border-color: #e63315; background-color: #ed4821}
.minipanier .boutons .inputbg .btn.btn-danger:hover {background-color: #cd2801}
.minipanier .boutons .inputbg.bg-danger { background-color: #ed4821 }
.minipanier .minipanierphoto {padding: 0;}
.minipanier .minipanierarticle {font-family: 'Oxygen', sans-serif;padding-right: 0;}
.minipanier .minipaniertitre {font-size: 16px;padding-bottom:15px; margin: 5px 0 22px; border-bottom: 2px solid #e5c112; text-transform: uppercase; font-weight: bold;}
*/


/*.searchform #trouver a {font-family: 'Delius', cursive;font-size: 24px;}*/
.inputbg .btn {font-family: 'Varela Round', sans-serif;font-size: 24px;co!lor: #000;padding-left: 0;padding-right: 0;}
.inputbg .btn:hover {box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)}
.inputbg .btn.btn-danger:hover {background: #c9302c;}
/*.searchform input[type=text], .searchform select, .searchform .btn {border: 1px solid #d9d3c5;height: 50px;border-radius: 0;}*/
.inputbg input[type=text], .inputbg input[type=email], .inputbg select, .inputbg .btn {border: 0;height: 40px;border-radius: 0;}
.inputbg.medium .btn {font-size: 20px;height: 44px;}
.inputbg.small .btn {font-size: 11px;height: 26px;}

#header.small {hei!ght: 420px; min-height: 290px; height: initial;marg!in-top: 122px;margin-top: 112px;}
#header.small #topmessage {margin-top: -40px;display: none;}
#header.small .searchform {margin-top: 20px; }
#header.small .searchform, #header.small #divlogo, #header.small .menu  {display: none;}
.searchform .moteurinfo {position: absolute;top: -25px;color: #fff;display: none;}
#index .searchform .moteurinfo {display: block;}
.searchform label {position: absolute;top: -20px;}
#header.small #topmessage .ligne {margin: 0px 0;}
#header.small #topmessage h1 {font-size: 78px;}
#header.small #topmessage h2 {font-size: 30px;}
#header.small #bottompictoheader{display: none}

#maintenance #topmenubar .menu, #maintenance #footer, #maintenance .searchform, #maintenance #bottompictoheader, #maintenance #page {display: none;}
#maintenance #header {height: 100vh;min-height: 0;}
#maintenance #videoaccueil {height: 100vh;}
#maintenance #messagemaintenance {margin-top: 50px;font-size: 24px;}
/*#infomaintenanceadmin {background: red;color: #fff;position: fixed;left: 0;padding: 10px 15px;border-radius: 5px;margin: 10px;z-index: 1000;}*/
#infomaintenanceadmin {position:fixed;z-index:100;opacity:1;left:0;top:0;width:100%;height:100%;display:inline;text-align:center;vertical-align:middle;background-color:#fff;color:#0E2231;}
#infomaintenanceadmin h1 {padding:5%;}
#infomaintenanceadmin img {text-align: center;margin: auto;width: 90%;}

#divlogo {text-align: center;}
#divlogo a {color: #fff;text-decoration: none;}
#logo {max-width: 300px;}
.menu {padding: 20px 0 0;}
.menu li {display: inline-block;list-style: none;position: relative;}
.menu li.lilistecat {border: 1px solid #fff;border-bottom: none;}
.menu li.lilistecat > a {background: #fff;z-index: 1;}
.menu li.lilistecat:hover {border: 1px solid #ccc;border-bottom: none;}
.menu li .listecat {display: none;position: absolute;background: #fff;width: 270px;border: 1px solid #ccc;text-align: left;margin-left: -1px;margin-top: -1px;}
.menu li .listecat li {display: block;}
.menu li .listecat li a {width: 100%;}
.menu li .listecat li:hover {background: #eee;}
.menu li:hover .listecat {display: block;}
.menu .monpanier {background-color:#e6c014;}
.menu .monpanier a {color: #fff;}
.menu li a {display: inline-block;padding: 5px 15px;color: #e6c014; position: relative;text-transform: uppercase;}
.menu li a:hover {text-decoration: none;}
.menu li a.btn {border: 1px solid #ddd;background: #ed4821; border-radius:0; border : 2px solid #ed4821;text-transform: uppercase;}
.menu li a.btn.boutoncontour { border:0;background-color: transparent; position: relative; }
.menu li a.btn.boutoncontour + .contourleft{position: absolute;top:0; left:0;}
.menu li a.btn.boutoncontour + .contourleft + .contourright{transform: rotate(180deg);    -ms-transform: rotate(180deg); /* IE 9 */    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ position: absolute; top:0; right:0;}
.menu li a.btn:hover, #miniheader .menu li a.boutoncontour:hover {color: #d8d8d8;}
.menu li a.btn-danger {border: 1px solid #d43f3a;}
.menu .dropdown-toggle{background-color: rgba(230,230,230,0.5); border:none;  box-shadow: 0 0 15px #aaa;}
.menu .dropdown-menu li {display: block;}
.menu li.selectionlangue a {padding: 5px;}
.menu li.selectiondevise {color: #000;}
.menu li.selectiondevise a {color: #000;}
.menu li.selectiondevise .dropdown-toggle {box-shadow: none;padding: 1px 9px;}
.menu div.button-nolog {padding: 5px; border: 1px solid #e5c112; width: 175px; display: inline-block; color: #e5c112;}
.menu a:first-child div.button-nolog {margin-right: 15px; background-color: #e5c112; color: #fff;}

#reassurance {hei!ght: 80px;background: #e5c112;color: #fff;font-size: 12px;padding: 15px 0;display: none;}
#reassurance > .container > div {display: flex;}
#reassurance > .container > div img {margin-right: 20px;}
#reassurance table {width: 100%;text-align: center;}
#reassurance table td {vertical-align: top;}
#reassurance div span {display: block;margin: auto 0;}
#index #reassurance, #product-listing #reassurance, #product-detail #reassurance, #panier #reassurance, #page-informations #reassurance, #page-garanties #reassurance {display: block;}
#page-informations #page .container{color:#e5c112;}
#page-informations #page > .container span{font-family: 'Oxygen', sans-serif;}

#topmessage {text-align: center;color: #fff;margin-top: 100px;text-shadow: 0px 0px 5px #000;text-transform: uppercase;}
#topmessage h1 {font-family: 'Varela Round', sans-serif;margin-bottom: 15px;white-space: nowrap;font-size: 50px;}
span.orange {color:#ed4821;}
#topmessage h2 {font-family: 'Maven Pro', sans-serif; margin-top:0; font-size: 32px;}
#topmessage .ligne {margin: 25px 0;}
#topmessage p {margin-top: 20px;font-family: 'Maven Pro', sans-serif;font-size: 20px;}
#topmessage img.a {height: 68px;vertical-align: -2px;margin-right: 7px;margin-left: -5px;}
#bottompictoheader {display: table; padding:0; margin-top:20px; }
#bottompictoheader > div {display: table-row;}
#bottompictoheader > div > div{display:table-cell;padding:0;position:relative;width: 120px; height:75px; margin-bottom:15px; text-align:center; color:white;}
#bottompictoheader > div:last-child > div {height: 45px;}
#bottompictoheader > div > div img { position: absolute;left: 0;right: 0;margin: auto;top: 0;bottom: 0;}
#bottompictoheader > div > div:not(:first-child){     margin-left: 9.5%;  }
#bottompictoheader > div > div span {display: block;}
#pictoshome {width: 560px;margin:auto;margin-top: 70px;}

#index #slider {height: 350px;}
#slider {background-repeat: no-repeat; background-size: cover; height: 95px; display: grid; align-items: center;overflow: hidden;}
#slider img {width: 100%;}
#slider #slider-home, #slider #slider-home .carousel-inner {height: 350px;}
#slider #slider-home .carousel-indicators {display: none;}
#slider #slider-home img, #slider > img {height: 100%; object-fit: cover;}
#slider .slider-title {background-color: rgba(255, 255, 255, 0.8); width: 40%; margin: 0 auto; padding: 35px; border-radius: 20px;}
#slider .slider-title h1 {font-weight: 500; font-size: 30px; margin-bottom: 10px;}
#slider .slider-title h2 {font-weight: 700; color: #e5c112; margin: 0;}
#topmenu {}
#topmenu .menu {padding: 10px 0;}


/*miniheader*/
/*#miniheader {display: none;background: #FFF; border-bottom:2px solid #e5c112;;padding-top: 0;padding-bottom: 0;color: #fff;position: fixed;top: 0;width: 100%;z-index: 100;}*/
#miniheader {display: block !important;background: #FFF; border-bottom:2px solid #cdc9c6;;padding-top: 0;padding-bottom: 0;color: #000;position: relative;z-index: 10;box-shadow: 0px 0px 20px #ccc;}
#miniheader .container{padding-top: 10px;padding-bottom: 10px;}
#miniheader .bottom{height: 120px;}
#miniheader .minimenu{height: 100%;}
#miniheader .bottom .logosite {top: 15px;}
#topbande .container {padding-top: 0px;padding-bottom: 0px;height: 25px;}
#topbande .container li {display: inline-block; text-align: center; height: 100%;}
#topbande .container .achatdirect {background-color: #e6c014}
#topbande .container .pagelien {background-color: #2e2e2e;}
#topbande .container .pagelien a { padding: 0 25px; }
#topbande .container a {color: #fff;padding: 0 15px;font-size: 10px;font-weight: bold;letter-spacing: 0.05em;}
#topbande .container .maselection a {color: #e6c014;}
#topbande .container .reseaux {height: initial!important;}
#topbande .container .contact a {padding:0px 5px; font-weight: normal;}
#topbande .container .reseaux .fa {color: #fff;}
#miniheader > .container > div:first-child { border-right: 1px solid #d3d3d3; }
#miniheader > .container > div > a > div{padding-top: 5px}
#miniheader > .container > div > a > div img{}
/*#miniheader .menu {width: 46%;}*/
#miniheader .menu {top:15px;}
#miniheader .menu li a.btn.boutoncontour {color:#e5c112;}
#miniheader .menu li a.btn.boutoncontour:hover {color:#ccc}
#miniheader .menu li a.infominipanier img{filter: invert(100%);}
#miniheader-placeholder {height: 0px;padding: 0;display: none;}
#miniheader .searchform {margin-top: 0;}
#miniheader .inputbg input[type=text], #miniheader .inputbg input[type=email], #miniheader .inputbg select, #miniheader .inputbg .btn {height: 30px;}
#miniheader .inputbg .btn {font-size: 18px;line-height: 0.9;}
#miniheader .inputbg .btn img {width: 30px;}
#miniheader .fa-bars {color: #fd6619;font-size: 30px;font-size: 32px;margin-top: 1px;}
#miniheader .minilogo {width: 76%;color: #fff;}
#miniheader .minilogo .description {color:#b8b8b8; padding-left: 5px;}
#miniheader .minilogo.logo2 .description {width: 65%;}
/*#miniheader .minilogo.logosite img{position: relative; top:-5px;}*/
#miniheader .minilogo.logosite .description { color : #2d3569; white-space: nowrap;padding:5px 0;text-align: center; }
#miniheader .minilogo:hover {text-decoration: none;}
#miniheader .minilogo .minititre {font-size: 29px;margin-left: -2px;line-height: 0.9em;font-weight: bold;}
#miniheader .minilogo .minislogan {font-size: 9px;}
#miniheader .logo2 > div >div:first-child {padding-left:15px;width: 31%;display: flex;}
#miniheader .logo2 > div >div img{width: auto; max-width: initial;}
#miniheader .description {text-align: center;padding-top: 15px;}
#miniheader .description span {color: #e5c112;display: block;}
#miniheader > .container:first-child > div {padding-top: 5px; padding-left:5px; padding-right:5px;}
#miniheader > .container:first-child > div.menu {padding-top: 10px;}
#miniheader .logosite .description{font-weight: bold; font-size: 16px}
#miniheader .logosite .description span{display: block; font-size: 82%;}
#miniheader #sliderreassuranceheader {width: 20%;}
#miniheader #sliderreassuranceheader img {max-height:40px;max-width: 100%;margin: auto;}

#miniheader .categorisation{height:50px;padding:0; background-color: #e5c112; white-space: nowrap;display: none;}
#miniheader .categorisation .container > div {height: 50px; margin:auto;}
#miniheader .categorisation .container > div > a {height:40px; padding:17px; display: inline-flex;display: -webkit-inline-box; margin-left: -5px }
#miniheader .categorisation .container > div > a > div  p {display: inline; padding-bottom: 3px}
#miniheader .categorisation .container > div > a {color:inherit}
#miniheader .categorisation .container > div > a:hover, #miniheader .categorisation .container > div > a.selected {text-decoration: none}
#miniheader .categorisation .container > div > a:hover > div p, #miniheader .categorisation .container > div > a.selected > div p{color:#e5c112; border-bottom:3px solid white;}
#miniheader .categorisation .container > div > a > div i {margin:0 10px;}
#miniheader .categorisation .container > div > a:not(:last-child) {border-right: 1px solid #575e83 }
#miniheader .categorisation .container > div > a:not(:last-child).pays + div{margin-left: 10px; margin-bottom: 10px}
#miniheader .categorisation .container > div > a:not(:last-child).pays + div > a{display: inline-block; margin-right: 10px}
#miniheader .categorisation .container > div > a:not(:last-child).pays + div > a img{}

#connexion #miniheader,
.espaceclient #miniheader,
.espacevendeur #miniheader,
#product-listing #miniheader {display: block !important;}

/*div newsletter*/
#newsletter {height: 340px;}
#newsletter #prevenirbox .fa {color: #000;font-size: 21px;position: absolute;top: 15px; right: 20px;z-index:10;}}
#prevenir > div {margin: auto;text-align: center;}
#prevenirmerci {display: none;}
.prevenirmerci {display: none;}
.prevenir > div {margin: auto;text-align: center;}
#newsletter {padding:40px;background-color: #e5c112; padding: 15px 0;}
#newsletter > .container > h3 { display: none; }
#newsletter h3 { text-align: center; text-transform:uppercase; color:#000;font-size: 29px;    letter-spacing: 0.6px; margin-bottom: 50px}
#newsletter h3 span{ color:white;}
#newsletter h3 .ligne { display:block; margin:auto; margin-top:5px;}
#newsletter > div {overflow:hidden; position: relative; margin:15px auto;}
#newsletter > div > div {padding:0;}
#newsletter > div > h3 + div {margin-left: 55px!important;}
#newsletter > div > a > div {margin-right:10px }
#newsletter > div > a > div:last-child { margin-left: 35px; width:370px;    max-width: 315px; }

#newsletter .hover {line-height: 1.3; font-family:'Varela Round', sans-serif;position: absolute; top:0; bottom:0; left: -40px; margin: auto 0; width: 110px;    height: 110px;}
#newsletter .hover p {position: absolute; color:white; width:110px; height:45px; text-align: center; text-transform: uppercase; font-size: 12px; top:0; bottom:0; left:0; right:0; margin:auto;}

#newsletter .inscription{}
#newsletter .inscription h3{padding-top:15px; font-size : 18px; text-align: left; margin: 15px 0;}
#newsletter .inscription h3 p{display:inline;}
#newsletter .inscription h4,#newsletter .inscription #prevenir {color:white; font-size: 16px}
#newsletter .inscription #prevenirmerci{display: none; text-align: left}
#newsletter .inscription h4 { display: none }
#newsletter .container > div{max-height: 135px;}

#newsletter {}
#newsletter #prevenir > div{margin:0; margin-top: 20px}
#newsletter #prevenir .input-group-addon,#newsletter #prevenir .input-group-btn .btn, #newsletter #prevenir .form-control {height: 50px; border-right: 0; border-left:0;}
#newsletter #prevenir .input-group-btn .btn{text-transform: uppercase;  border-radius: 0 5px 5px 0}
#newsletter #prevenir #preveniremail {max-width: 100%;width: 100%;}

/*footer*/
#footer .fondjaune {font-size: 12px;padding: 20px 0;background:#e5c112;color: #000;}
#footer .fondnoir {background: #000; height: 100px; text-align: center;}
#footer .lititle {font-weight: bold;}
#footer .societyinformations {border: 1px solid;height: 80%;border-style: dashed;}
#footer a {text-decoration: none;color: #000;}
/*#index #footer {background: none;}*/
#footer i {font-size: 45px; margin-right: 20px;}
#footer .fa-facebook-square {color: #3b5998}
#footer .fa-youtube-square{color: #ff3333;}
#footer .fa-twitter-square{color: #33ccff;}
#footer .fa-google-plus-square{color: #dd4b39;}
#footer .logo {margin-top: 40px;}
#footer .logo + ul {text-align: center}
#footer .logo + ul i {font-size: 20px;margin-top: 6px;  color:#e5c112; padding:10px; }
#footer h3 {color: #e5c112;font-size: 13px;margin-bottom: 20px;font-weight: bold;}
#footer ul {padding: 0;}
#footer ul li {margin-bottom: 5px;}
#footer li a {color: #000;}
#footer li a:hover {color: #fd6619;}
#footer .row {padding-bottom:10px;margin-bottom: 5px;display: flex;top:40px;}
#footer #cgv {text-align: right; padding: 0; color:#ed4821;position: relative; left: 15px; }
#footer #cgv a {color:#ed4821;}
#footer .reseauxsociaux {top: 15px;position: relative;}
#footer .societyinformations .text {text-align: center;font-weight: bold;font-size: 10px;top: 30px;position: relative;}
#footer .fondnoir a {color: #fff;font-size:13px;}
#footer .fondnoir label {position: relative; top:40px; color: #fff; font-size: 13px;}

#socialfooter2 {padding-top: 20px;}
#socialfooter2 a {display: inline-block;margin-left: 15px;width: 38px;height: 38px;text-align: center;line-height: 4em;border-radius: 25%;}
#socialfooter2 a:first-child {margin-left: 0;}
#socialfooter2 a.facebook {background: #6181c0;}
#socialfooter2 a.youtube {background: #f15a4b;}
#socialfooter2 a.twitter {background: #42bded;}
#socialfooter2 a.whatsapp {background: #20b07f;}
#socialfooter2 a.google {background: #e52b33;}

#footernewsletter {}
#footernewsletter h3 {font-family: 'Delius', cursive;font-size: 17px;}
#footernewsletter .inputbg input[type=text], #footernewsletter .inputbg input[type=email], #footernewsletter .inputbg select, #footernewsletter .inputbg .btn {height: 40px;}
#footernewsletter .inputbg .btn {font-size: 18px;}

#copyright {margin-top: 50px;}
#copyright, #copyright a {color: #aaa;}

#popupmaintenance {border: 3px solid #e5c112;padding: 30px 40px;font-style: italic;width: 40%;position: fixed;top: 37%;background: #fff;font-weight: bold;left: 30%;z-index: 10;}



.container > div {position: relative;}





/*page*/
#page {mar!gin-top: 20px;marg!in-bottom: 20px;min-height: 500px;background: #fff;}
#listing-products {}
#listing-products .item .item-photo .img a{position: relative;top: 20px;}
#listing-products .noitems {text-align: center;padding: 20px 0;}
#listing-products .item {transition: 0.2s;margin-bottom: 10px;padding: 0 5px; /*height: 393px;*/}
/*#listing-products .item:hover {box-shadow: 0 0 30px #aaa;}*/
#listing-products .item > div {padding:0px;width: 95%;position: relative; margin:auto; height: 100%; box-shadow: 0 0 10px #aaa;}
/*#listing-products .item:hover {background: #eee;}*/
#listing-products .item .nomfournisseur a {color: #fff;}
#listing-products .item a {positi!on: absolute;bottom: 0;text-decoration: none;bor!der: 1px solid #ddd;display: inline-block;padding: 0px;hei!ght: 410px;width: 100%;color: #000; text-align: center}
#listing-products .item a.infos {padding: 5px 10px;}
#listing-products .item a.rediretat{top:0; left:0;}
/*#listing-products .item a:hover {background: #eee;}*/
/*#listing-products .item a.voirdetails, #listing-products .item a.ajoutpanier {width:auto;padding:5px 12px;font-size: 14px;border-radius: 5px;}*/
#listing-products .item a.voirdetails {background-color: #e5c112}
/*#listing-products .item a.ajoutpanier {border:1px solid white; margin-bottom: 15px}*/
#listing-products .item .item-photo {text-align: center;padding: 0;margin-bottom: 20px; hei!ght: 220px; disp!lay: table-cell; vertical-align: bottom;}
/*#listing-products .item:not(.exclu) .item-photo{ width:310px;}*/
#listing-products .item .item-photo img {width: 100%;}
#listing-products .item .item-photo img.item-photofournisseur {width: 70px;height: 70px;position: absolute;bottom: 5px;right: 5px;border: 3px solid #aaa;border-radius: 50%;z-index: 0;}
#prelancement p#profitez {font-size: 24px;}
/*.rond_categorie*/
.rond_categorie img {border-radius: 50%;}
/*
#listing-products .item .item-photo a {background: rgba(0,0,0,0.5);position: absolute;height: 100%;width: 100%;display: flex;font-family: 'Spoon', sans-serif;font-size: 22px;color: #fff;text-transform: uppercase;}
/*#listing-products .item .item-photo a.ajoutpanier {transition: 0.2s;opacity: 0;}
#listing-products .item .item-photo:hover a.ajoutpanier {opacity: 1;}
#listing-products .item .item-photo a > div {margin: auto;position: relative;}
#listing-products .item .item-photo a > div .lignetop {margin-bottom: -10px;}
#listing-products .item .item-photo a > div .lignebottom {margin-top: -15px;}
#listing-products .item .item-photo a > div .iconepanier {position: absolute;top: 0px;width: 100%;}*/
#listing-products .item .item-photo .overlay {display:none; background: rgba(241, 144, 4, 0.7);position: absolute;height: 100%;width: 100%;display: flex;font-size: 22px;color: #fff;text-transform: uppercase;}
#listing-products .item .item-photo .overlay {transition: 0.2s;opacity: 0; filter: alpha(opacity=0); display: none}
#listing-products .item .item-photo:hover .overlay {opacity: 1; filter: alpha(opacity=100);}
#listing-products .item .item-photo .overlay a {color: #fff;}
#listing-products .item .item-photo .overlay > div {margin: auto;position: relative;}
#listing-products .item .item-photo .overlay > div .lignetop {margin-bottom: -10px;}
#listing-products .item .item-photo .overlay > div .lignebottom {margin-top: -15px;}
#listing-products .item .item-photo .overlay > div .iconepanier {width: 100%;}
#listing-products  .btn-danger{margin:auto; border-radius: 0; border:0; color:#e5c112; text-decoration: underline; text-transform: uppercase;background-color: transparent; font-size: 14px; margin-top: 0;}

#listing-products .item .item-infos { margin-bottom: 0px; border-bo!ttom:1px solid #eae9ef;font-size: 15px;font-weight: bold;overflow: hidden;text-align: center; min-he!ight: 60px}
#listing-products .item .item-infos .description{color:#e5c112; font-size: 12px; font-weight: normal; margin-top: 0px; margin-bottom: 0px;text-transform: uppercase;height: 17px;}
#listing-products #prix {font-weight: bold;}
#listing-products .item .item-infos-eleveur {height: 20px;font-family: 'Oxygen', sans-serif;color: #7a8b9c;overflow: hidden;}
#listing-products .item .lignenoire {width: 100%;}
#listing-products .item .item-price {text-align: center;font-size: 13px;color: #e5c112;}
#listing-products .item .description {color:#e5c112; font-style: italic;}
/*#listing-products .item .item-price-kilo {font-family: 'Oxygen', sans-serif;color: #000;font-size: 16px;line-height: 34px;}*/

/*#listing-products .item .prixneuf {font-size: 16px; color: #808080; text-align: left;}*/
/*#listing-products .item .item-price, #listing-products .item .prixneuf {height:30px; padding-left:0; padding-right: 0;}*/
/*#listing-products .item .item-price{text-align: right;}*/

#listing-products .item .whishlistbutton{z-index:10; position: absolute; right:10px; top:10px; cursor: pointer}
#listing-products .item .whishlistbutton .imgfalse{display: initial;}
#listing-products .item .whishlistbutton .imgtrue{display: none}
#listing-products .item .whishlistbutton.selected .imgfalse{display: none;}
#listing-products .item .whishlistbutton.selected .imgtrue{display: initial}
#listing-products .item .whishlistbutton:hover {  }

#listing-products .item .reduction {z-index:10; position: absolute; right:5px; top:5px;height: 50px;width: 50px;line-height: 50px;text-align: center;background: #ed4821;border-radius: 50%;color: #fff;font-size: 13px;}

#listing-products .item .infosleft {position: absolute;padding: 0 2px;z-index: 1;display:flex;top: 5px;}
#listing-products .item .infosleft .fa {font-size: 21px;color: #e5c112;position: relative;top: 1px;left: 8px;}
#listing-products .item .infosleft img {display: block;margin-bottom: 10px;}
#listing-products .item .infosleft img:first-child {margin-bottom: 0px;}
#listing-products .item .infosleft .stocktext {background: #e5c112;border-radius: 20px; padding: 0px 13px;font-size: 12px;}
#listing-products .item .infosleft span {color:#000; font-size: 12px;}

#listing-products .item .infosright {position: absolute;right: 10px;z-index: 1;}

#listing-products .item .boutons {color: #000;margin-top: 0px;background: #2d2b2b;height: 35px;}
#listing-products .item .boutons a {color: #fff;}
#listing-products .item .boutons .nomfournisseur {display: inline-block;width: 80%;background: #666;color: #fff;text-transform: uppercase;float:left;padding-left: 10px;height: 20px; font-size: 12px; line-height: 20px;}
#listing-products .item .boutons .ajoutpanier {display: inline-block;width: 10%;background: #000;float:left;height: 20px;}
#listing-products .item .boutons .ajoutpanier img {width: 18px;}
#listing-products .item .boutons .ajoutpanier .fa {color: #fff;}
#listing-products .item .boutons .ajoutwishlist {display: inline-block;width: 10%;background: #e5c112;float:left;height: 20px; color: #fff}
#listing-products .item .boutons img {display: initial;}

#listing-products .item.exclu{border: 1px solid #c2c2c2;}
#listing-products .item.exclu .item-photo {height: 420px;position: relative;}
#listing-products .item.exclu .imgexclu{position: absolute; top:2px; left:2px; z-index: 5;}
#listing-products .item.exclu .btn-danger{background-color: #ed4821; color:white; margin-left: 16.666%; position: absolute; bottom:20px;  left: 0;  right: 0;  margin: auto; padding: 10px 30px;}
#listing-products .item.exclu .btn-danger:hover {background-color: #cd2801;}
#listing-products .item.exclu a.btn-danger {width:80%;margin-top: 0; font-size: inherit; text-decoration: underline;}
#listing-products .item.exclu a{margin-top: 30px;}
#listing-products .item.exclu .whishlistbutton {top:15px; right: 15px}
#listing-products .item.exclu > div{ position: initial; width:100%;}
#listing-products .item.exclu a {position: relative;}
#listing-products .item.exclu .infovendeur {margin-top: 25px;}
#listing-products .item.exclu .infovendeur > div,#listing-products .item.exclu .infovendeur {padding: 0;}
#listing-products .item.exclu > div > div:last-child {padding-top: 25px;}
#listing-products .item.exclu .infovendeur > div:last-child{padding-left: 10px;padding-top: 10px;}
#listing-products .item.exclu .infovendeur .user{ color:#3c446e; font-weight: bold; width:110%; }
#listing-products .item.exclu .infovendeur img {border-radius: 100%;}
#listing-products .item.exclu .item-infos{color: #ed4821; font-size: 19px; margin-bottom: 15px; padding-left:10px; padding-right: 10px;}

#listing-products .item .item-photo .img {position:relative;display: inline-block;}
#listing-products .item .item-photo img{max-height: 270px; width:auto; max-width: 100%;}
#listing-products .item.exclu .item-photo > img{max-height: 80%;}

#listing-filters {min-height: 350px;}
#listing-filters .panel-body {padding: 0;}
#listing-filters .panel-default {border:0;background: #e6e6e6; border-radius: 0;}
#listing-filters .panel-default a {color: unset; text-decoration: none;}
#listing-filters .panel-default.filter-content {padding: 10px; box-shadow: none; margin: 0; border: 0;}
#listing-filters .panel-body .filter-content {padding: 5px 10px; box-shadow: none; margin: 0; border: 0; border-radius: 0;}
#listing-filters .panel-body .filter-content:first-child {padding-top: 15px;}
#listing-filters .panel-body .filter-content:last-child {padding-bottom: 15px;}
#listing-filters .panel-default:not(.filter-content)>.panel-heading {background: #333; border:0; color: #e5c112; border-radius: 0; text-align: center;}
#listing-filters .panel-default:not(.filter-content)>.panel-heading.collapsed {background: #666}
#listing-filters .panel-default:not(.filter-content)>.panel-heading label {margin-bottom: 0; font-weight: bold;}
#listing-filters .panel-default:not(.filter-content)>.panel-heading[role=button] label {cursor: pointer;}
#listing-filters .panel-default:not(.filter-content)>.panel-heading .fa {position: static; margin-left: -14px; margin-top: 3px;color: red;}
#listing-filters .filtercontent {padding: 10px 15px;}
#listing-filters #filters-top {text-align: center;margin-bottom: 10px;}
#listing-filters #panellocalisation select, #listing-filters #panellocalisation input{margin-top: 12px; border-radius: 1px; padding: 10px; text-align: center; height: 40px;  text-align-last: center;}
#listing-filters select{}
#listing-filters h4 {font-family: 'Spoon', sans-serif;font-size: 21px;font-weight: bold;text-transform: uppercase;}
#listing-filters .panel-default .panel-default .panel-heading label{font-weight: bold; }
#listing-filters .panel-default .panel-default .panel-body {padding-top: 0px}
#listing-filters .panel-default .panel-default .panel-body a {color: #e5c112}
#listing-filters .panel-default .panel-default .panel-heading {border:0; color:#e5c112; padding: 0;position: relative; padding-right: 15px; background-color: transparent;}
#listing-filters .panel-default .panel-default .panel-heading a {color:#000;}
#listing-filters .panel-heading .fa {transition: 0.4s; position: absolute; top:4px; right:5px;}
#listing-filters .panel-body .cat-n3 {padding: 15px;}
#listing-filters .panel-body .cat-n3 > div {padding: 2px 0;}
#listing-filters .advanced-search {cursor: pointer;}
#listing-filters #filtre_actif .btn-type5 {cursor: pointer;}
#listing-filters .panel-heading.collapsed .fa {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0)";
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
#listing-filters .panel-heading .fa {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}



#listing-filters .panel-default .panel-default { border-bottom: 1px solid #e5e3e4}


/*slider prix*/
#listing-filters label {font-weight: normal;}
#listing-filters .panel-default .panel-body label{display: block; color:#000;}
#listing-filters .slider.slider-horizontal {width: 100%;}
#listing-filters .slider-selection, #listing-filters .in-selection {background: #fd6619;}
#listing-filters .slider-selection {border-radius: 0;}
#listing-filters .slider-tick.round {border-radius: 0;}
#listing-filters .slider-tick {width: 2px;top: 5px;}
#listing-filters .slider-handle {width:1px;border: 2px solid #494949; background: #fff;}
#listing-filters .slider.slider-horizontal .slider-tick, #listing-filters .slider.slider-horizontal .slider-handle {margin-left: 0;}
#listing-filters .slider.slider-horizontal .slider-handle {width: 4px;border-radius: 0;margin-left: -1px;cursor: pointer;}
#listing-filters .symbol {position: absolute;top: 8px;right: 21px;}

#listing-products .prixneuf{ text-decoration: line-through; font-weight: bold; pad!ding-top: 7px;}

/*#listing-filters .price-min:after {content: "&euro;";}*/
#listing-filters .fa-star {color: #fd6619;font-size: 16px;}

#listing-filters #panelfiltresheading {background: #fd6619;color: #fff;}
#listing-filters #panelfiltres label {font-weight: bold;}
#listing-filters .accordion-toggle:after {font-family: 'FontAwesome';content: "\f078";float: right;}
#listing-filters .accordion-toggle.collapsed:after {content: "\f054";}

/*************/
.listing-top {font-family: 'Varela Round', sans-serif;font-size: 20px;text-transform: uppercase;/*border-bottom: 1px solid #e5e3e4;padding-bottom: 10px;margin-bottom: 15px;*/padding-top: 5px;}
.listing-top strong {}
.listing-top > div:first-child { margin-top: 10px; padding-left: 0 }
#listing-topfilters {font-size: 14px; padding:0;}
#listing-topfilters .table .control-label{text-align: left; display: flex;font-weight: normal;}
#listing-topfilters .table .control-label .fa{color: red;top: 3px;position: relative;margin-left: 10px;}

.filtre{padding:0 13px;}
#listing-top { border: 2px solid; border-style: dashed; border-color: #000;}
#listing-topfilters .table {text-transform: none; margin-bottom: 0;}
#listing-topfilters .table tr td {border-top: none; padding-top: 3px; vertical-align: middle;}
#listing-topfilters .form-control { border-color: #d9d3c5 }

/*************/
#product-listing #page section:not(#newsletter) {padding-top: 0;padding-bottom: 0;}
#product-listing .fourn-art {margin-bottom: 50px;}
#product-listing .fourn-art img {width: 100%;}
#product-listing h1.titlehome {padding: 0;}
#product-listing #page #formfilter{min-height: 400px;}
#filariane {padding-top: 0px; }
.beforefilariane {margin: 15px 0 30px; padding-left: 0;}
#product-listing #topeleveur {background: #181818;}
#product-listing .categorie{display: block; text-align: center;margin-bottom: 25px;}
#product-listing .categorie h3{ margin-bottom:20px; margin-top:50px; color:white; text-align:center; font-size: 50px; font-family: 'Varela Round', sans-serif; text-transform: uppercase;}
#product-listing .categorie h3 span{color:#ed4821;}
#product-listing .categorie > div { text-align: center; margin-bottom: 20px; }
#product-listing .categorie > .souscategories > div > a {padding:10px 15px; margin:4px; border:1px solid #fff; text-decoration: none; color:#fff; font-family: 'Varela Round', sans-serif; font-size: 13px;     display: inline-block;}
#product-listing .categorie > .souscategories > div >  a:hover, #product-listing .categorie > .souscategories > div > a.selected{ background-color: #fff;  color:#e5c112; }
#product-listing #listing-products .item:not(.exclu) .item-photo { /*height : 270px;*/ padding-top: 15px;}
#product-listing #listing-products .item:not(.exclu) .overlay {width:220px;}
#product-listing .nbresultats {font-size: 13px; color:#808080; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;   padding-top: 13px;}
#product-listing .nbresultats-top span {color: #e5c112; font-weight: bold;}
#product-listing .flecheslide{display: none}
#product-listing #listing-filters .slider.slider-horizontal .slider-handle{border-radius: 100%; height: 14px; width: 10px; margin-top: 3px; margin-left: -6px; width: 14px; border: 2px solid #494949; background: #fff;}
#product-listing #listing-filters .slider-track{height: 6px;margin-top: -3px;}
#product-listing #listing-filters .slider-track-low{background: #b3b3b3;border-radius: 2px;}
#product-listing #listing-filters .slider-track-high{background: #b3b3b3;border-radius: 2px;}
#product-listing #listing-filters .slider-tick-label{display: none}
#product-listing #listing-filters .slider-tick-container{display: none}
#sliderprix{margin-bottom: 20px!important;}

#product-listing #listing-filters .slider-selection, #listing-filters .in-selection{background-color: #494949}

.sliderproduits #listing-products .slick-list {padding-top: 10px;}
.sliderproduits #listing-products .slick-arrow {color: #000; font-size: 40px; position: absolute; top: 40%; cursor: pointer; z-index: 15;}
.sliderproduits #listing-products .fa-angle-left {left: -15px}
.sliderproduits #listing-products .fa-angle-right {right: -15px}

/*************/
#pagination {font-family: 'Spoon', sans-serif;font-size: 15px;text-align: center;margin-bottom: 30px; }
#pagination > span {vertical-align: 13px;margin-right: 10px; color:#e5c112;     font-family: 'Oxygen', sans-serif; font-weight: bold;}
#pagination .pagination {margin-top: 10px;}
.pagination>li>a.buttons { font!-size: 20px; border: 0;}
.pagination>li>a.buttons:hover {color: #000; background: none;}
.pagination {margin: 5px 0 0;top: 5px;position: relative;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background: #fff;border-color: red; color: #000;}
.pagination>li>a, .pagination>li>span {margin: 0 5px 5px;border-radius: 0px !important;color: #000; padding:1px 7px;}

.ligne {margin-bottom: 30px;}
.ligne > div:not(.noborder) { border-bottom: 1px solid #e5c112; margin-top: 8px }
.ligne > div.noborder {text-align: center;}

.pagination>li.points>a{margin:0;padd!ing: 4px 2px; border:none;}
.pagination>li.points>a:hover, .pagination>li.points>a:focus{background-color: inherit;}

.list-inline #pagination {margin:0;padding:0;}
.list-inline #pagination .pagination {margin:0;}
/*****************/
#listing-products .item .typevendeur {text-transform: uppercase; position: absolute; background-color: #aaa; color: white;  border-radius: 3px; z-index: 1; height: 25px;font-size: 11px; bottom: 6px; right: 6px; padding: 5px 8px;font-weight: bold;border: 1px solid #999;}
#listing-products .item .typevendeur.part {background-color: #555;}

#topinfos {padding: 20px 0;}
#topinfos .top {height: 260px; margin-bottom: 15px;}
#topinfos .middle {height: 260px; margin-bottom: 15px;}
#topinfos .imagetopinfos, #topinfos img {height: 100%;}
#topinfos .reassurance-nolog {width: 55%; margin: 50px auto;}
/*#topinfos .row:first-child .reassurance-nolog {margin-top: 75px; margin-bottom: 50px;}
#topinfos .row:last-child .reassurance-nolog {margin-bottom: 75px; margin-top: 50px;}*/
#topinfos .reassurance-nolog .reassurance-img {height: 100px;}
#topinfos .reassurance-nolog img {margin-bottom: 30px;}

#topproduits{padding: 30px 0;}
#topproduits h1.title {font-weight:normal; text-align: center; color:#000 !important;font-family: 'Daniel';font-size: 24px !important;text-transform: none !important;margin-bottom: 30px;}
#topproduits #listing-products {padding:0;}
#topproduits #listing-products .item {width:25%; padding: 15px; max-height:420px; }
#topproduits #listing-products .item a{position: relative;}
#listing-products .item .mainphoto{height: auto}
/*#topproduits #listing-products .item a#mainphoto{height: auto}*/
/*#topproduits #listing-products .item .item-infos{width: 80%; margin: auto;margin-bottom: 5px; margin-top: 5px; min-height: initial;hei!ght: 55px;}*/
#topproduits #nouveautes a {font-size: 18px; font-weight: 100; padding: 12px;letter-spacing: 0.3px; text-transform: uppercase;}
#topproduits .btn {line-height: 1.2; height:45px;}
#topproduits #listing-products .item > div {width: 100%; bor!der:1px solid #e5c112;}
#topproduits #listing-products .item .item-photo .overlay{display: grid; top:0; height:220px; z-index: 2}
#topproduits #listing-products  .btn-danger {display: none;}
#topproduits #listing-products .prixneuf{disp!lay: none;width: 100%;text-align: center;}
/*#topproduits #listing-products .item .item-price{width:100%; text-align: center;}*/
#topproduits #listing-products .item .item-photo {vertical-align: middle;}
#listing-products .item .item-photo .img{position: initial;}
#listing-products .item .item-infos .intitule{margin-bottom:0; color:inherit; font-size: 13px; font-family: 'Open Sans', sans-serif; font-weight: bold; text-transform: none;height: 32px;overflow: hidden;}
/*#topproduits #listing-products .item .item-price{font-size: 20px; color:#fd6619;}*/
/*404*/
#error404 .inputbg {width: 240px;margin: 70px auto 0;}

.searchform #helm,.searchform #geolocatlisation,.searchform #placeholder{position:absolute; top:0; bottom:0; margin: auto;}
.searchform #geolocatlisation{right:35px;}
.searchform #helm,.searchform #placeholder{left:25px; width:auto; height: 35px}
.searchform .inputbg select,.searchform .inputbg input[type=text], .searchform .inputbg input[type=email]{border-color:#f0ede8;}

/*.searchform .inputbg {padding-left: 50px; padding-right: 0px;}*/
/*detail produit*/
.moteurrecherche{padding:25px 0;background-color: #efefef}
.moteurrecherche h3 {text-transform: uppercase; color:#e5c112; white-space: nowrap; font-size: 16px;font-family: 'Varela Round', sans-serif; margin-top: 15px;}
.moteurrecherche .searchform{margin-top:0;}
/*.searchform .inputbg select {-webkit-appearance: none;    -moz-appearance: none; padding-left: 0; padding-right: 40px}*/

#product-detail #sectionfichedetail #reference, #product-detail #sectionfichedetail #ideaprice {display: block;}
#product-detail #sectionfichedetail #ideaprice {color: #5A5A5A; font-weight: normal;}
#product-detail #sectionfichedetail .infosandtable {top:40px; margin-bottom: 50px;}
#product-detail #sectionfichedetail .infosandtable .listeprixdeclinaisons {border:1.5px solid #e5c112;}
#product-detail #sectionfichedetail .infosandtable .prixu,#product-detail #sectionfichedetail .infosandtable .quantite {text-align:center;}
#product-detail #sectionfichedetail .infosandtable .quantite {border-left: 1.5px solid; border-right: 1.5px solid;}
#product-detail #sectionfichedetail .infosandtable .firstline td {font-weight: bold; height: 40px;border-bottom:1.5px solid #e5c112;}
#product-detail #sectionfichedetail .infosandtable .line {border-bottom: 1.5px solid #afafaf;}
#product-detail #sectionfichedetail .infosandtable tr:last-child{border-bottom: #e5c112}
#product-detail #sectionfichedetail .informations span {font-size: 11px; color: #000;line-height: 1;}
#product-detail #sectionfichedetail #demandeprix {width: 100%;height: 33px;background: #e5c112; margin-bottom: 10px;font-weight: bold;font-size: 12px;border: unset;}
/*#product-detail #sectionfichedetail .couleurs .couleur img {border-radius: 50%; margin-bottom: 15px;}*/
/*#product-detail #sectionfichedetail .couleurs .colorunit {height: 30px; color: #fff; background-color: #515151;padding: 4px 7px;text-align:center;width: 100%; margin:5px 10px;cursor: pointer;}*/
/*#product-detail #sectionfichedetail #liste_variantes .declinaison label {height: 30px; color: #fff; background-color: #515151;padding: 4px 7px;text-align:center;width: 100%; margin:5px 10px;cursor: pointer;border:1px solid #515151;}*/
/*#product-detail #sectionfichedetail #liste_variantes .declinaison input[type=checkbox]:checked + label {background-color: #fff;color:#515151;}*/
/*#product-detail #sectionfichedetail #liste_variantes .declinaison input[type=radio]:checked + label {background-color: #fff;color:#515151;}*/
#product-detail #sectionfichedetail .ligne {min-height: 1px; border:1px solid;  border-color: #e5c112; margin-bottom: 10px;}
/*#product-detail #sectionfichedetail .sizecontainer .size {border: 2px solid;border-color: #e5c112;}*/
#product-detail #sectionfichedetail .sizecontainer .sizereference {border: 2px solid;border-color: #e5c112; height: 35px;line-height: 30px;padding-left: 5px;}
#product-detail #sectionfichedetail .sizecontainer .sizereference input {border: none;padding: 0;}
#product-detail #sectionfichedetail #marquagescontainer {padding:0; margin-top: 15px;}
#product-detail #sectionfichedetail #marquagescontainer .marquage {margin: 15px 0 0; padding:15px 0;border: 1px solid #ccc;border-radius: 10px;}
/*#product-detail #sectionfichedetail #marquagescontainer .marquage > .form-group:first-child {margin: 0 0 15px;}*/
#product-detail #sectionfichedetail #marquagescontainer .marquage.template {display: none;}
#product-detail #sectionfichedetail #marquagescontainer .marquage .buttons{padding: 7px 12px;background-color: #e5c112;width: 34px;cursor: pointer;}
#product-detail #sectionfichedetail #marquagescontainer .marquage .buttons.supprimer{margin-left: 5px;background-color: #f3110e;}
#product-detail #sectionfichedetail #marquagescontainer .marquage .unmarquage .buttons.supprimer{display: block;}
#product-detail #sectionfichedetail #marquagescontainer .marquage .unmarquage:first-child .buttons.supprimer{display: none;}
#product-detail #sectionfichedetail #marquagescontainer .marquage .deletemarquage {color: red;cursor: pointer;}
#product-detail #sectionfichedetail #marquagescontainer .marquage .quantiteminimum {color: red;}
#product-detail #sectionfichedetail #marquagescontainer .marquage .quantiteminimum span {color: red;font-weight: bold;}
#product-detail #sectionfichedetail #marquagescontainer .selectmark{width: 100%;}
/*#product-detail #sectionfichedetail #marquagescontainer .selecttomark {font-size: 12px;font-weight: normal;}*/
#product-detail #sectionfichedetail #marquagescontainer .selecttomark input[type="radio"] {vertical-align: sub;-moz-appearance: checkbox; background: #e5c112;}
#product-detail #sectionfichedetail {padding-top: 20px;}
#product-detail #sectionfichedetail .infosleft {position: absolute;padding: 15px 10px;z-index: 1;}
#product-detail #sectionfichedetail .infosleft img {display: block;margin-bottom: 10px;}
#product-detail #sectionfichedetail .infosleft img:first-child {margin-bottom: 0px;}
#product-detail #sectionfichedetail .infosleft .stock {color: #e5c112;font-size: 12px;margin-bottom: 10px;}
#product-detail #sectionfichedetail .infosleft .stock span {color: #000;font-size: 14px;}
#product-detail #sectionfichedetail > .row > div {padding: 0}
#product-detail #sectionfichedetail > .row > div:first-child,#product-listing form.container > div:first-child{}
#product-detail #sectionfichedetail h1{margin-bottom:10px;font-size: 18px;color:#000;font-weight: bold; letter-spacing: 1.3px;}
#product-detail #sectionfichedetail .descriptionproduit .fa {font-size: 20px;color: #e5c112}
#product-detail #sectionfichedetail #ref {text-transform: uppercase;}
#product-detail #sectionfichedetail #ref, #product-detail #sectionfichedetail #visible{color:#808080;}
/* #product-detail #sectionfichedetail span, #product-listing .tab-content span {font-weight: normal;text-transform: none;color: #e5c112;}secs */
#product-detail #sectionfichedetail #description {color:#000; font-size: 13px;}
#product-detail #sectionfichedetail #description > div {padding:0; margin-top: 20px}
#product-detail #sectionfichedetail .descriptionproduit, #product-detail #sectionfichedetail .action{padding: 0}
#product-detail #sectionfichedetail #puht span {color: #000;}
#product-detail #sectionfichedetail #ptht span {color: #000;font-weight: bold;}
#product-detail .at-resp-share-element .at-icon, .at-resp-share-element .at-label {fill:#e5c112!important;}
#product-detail #labeletat {color: #e5c112;}
#product-detail .iconemarquage {position: absolute;left: -35px;width: 25px;margin-top: 10px;}

.etoiles .fa{font-size: 20px}
.etoiles .fa.fa-star,.etoiles .fa.fa-star-half{color:#e5c112;}
.etoiles .fa.fa-star-o{color:#e5c112;}
.etoiles{display: inline-block;}
.etoiles .nbnote{display: inline; font-size: 12px; color:#808080;}


#product-detail #sectionfichedetail .action{padding-top: 25px; padding-bottom: 30px;}
#filariane {display: inline-block;font-size: 14px;padding-right: 30px;}
#filariane li {display: inline-block;color: #000;margin: 0 3px;}
#filariane li a {color: #e5c112;text-decoration: underline;}
#filariane li:last-child a { color: #000; text-decoration: none}
#filariane li .fa {color: #000;}
#filariane li:first-child .fa {color: #e5c112; font-size: 20px; margin-right: 15px;}

#mainphoto {margin-right: auto;margin-left: auto;margin-bottom: 20px;text-align: center;vertical-align: middle;height: 400px; max-width: 400px; position: relative; overflow: hidden;}
#mainphoto > a {width: 100%!important;  height: 100%; }
#mainphoto > a > img{}
.MagicZoomBigImageCont {z-index: 0!important;left: 0 !important;background: #fff;width: 100%!important;height: 100%!important;}
.MagicZoomBigImageCont img {width: 150%; max-width: initial;margin-left: 30%!important;margin-top: 35%!important;}
#subphotos {padding:0; width:100px; height: 100px; margin-top: 20px; position: relative; top: 15px;}
#subphotos i{color:#e5c112 ;width:100%; font-size: 50px; text-align: center}
#subphotos > div > div {position:relative;width:100%;height: 100%;border:1px solid #fff; max-height: 100px; max-width: 100px; overflow: hidden; padding: 0;}
/*#subphotos > div > div:not(:last-child){margin-bottom:20px;}*/
#subphotos > div > div > img {width: 100%;height: 100%;}
#subphotos > div > div > img + .hover {display: none; position: absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:100%;height: 100%; background-color: rgba(255,255,255,0.4); text-align: center; cursor: pointer;}
#subphotos > div > div > img + .hover img{position: absolute; color:white; top: 0; bottom: 0;left: 0;margin: auto;right: 0}
#subphotos > div > div > img + .hover i{position: absolute; color: #fff; top: 0; bottom: 0;left: 0;height: 16px;margin: auto;right: 0;width: 16px;font-size: 16px;}
#subphotos > div > div:hover > img + .hover { display: initial; }

#product-detail #mainphoto {text-align: center;vertical-align: middle;width: 100%;height: 400px;display: flex;flex-direction: column;justify-content: center;align-items :center ;}
#product-detail .product_thumnails {float: none;display: table-cell;text-align: center;vertical-align: middle;width: 100px;height: 100px;}
#product-detail #consultation, #product-detail #share{height: 55px; margin-top: 35px}
#product-detail #consultation, #product-detail #share
#product-detail #consultation{ border: 1px solid #e5c112; text-align: center; font-size: 16px;color: #e5c112; text-transform: uppercase; padding: 4px}
#product-detail #consultation span{ display: block; color:#e5c112; text-transform: uppercase;}
#product-detail #share { padding:12px; color:#808080;     margin-left: 5%;}
#product-detail #share > div {vertical-align:bottom;display: inline-block;}
#product-detail #share a {text-decoration: none; margin-left: 20px; color: #e5c112; font-size: 20px}
#product-detail #share a:hover{color: #e5c112;}
#product-detail #share .numbershare{position:relative; text-align:center;display: inline; margin-left: 10px;padding:5px; color:#e5c112; border-radius: 3px; border:1px solid #c2c2c2;}
#product-detail #share .numbershare:after, #product-detail #ajoutenvie .hover:before { -ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);bottom: 100%;left: 0;top:0;bottom:0;margin:auto 0;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
#product-detail #share .numbershare:after {border-radius: 5px; border-color: rgba(255, 255, 255, 0);border-bottom-color: #c2c2c2;border-width: 10px; left:-20px;}
#product-detail #share .numbershare:before {border-color: rgba(241, 213, 213, 0);border-width: 16px;}
#product-detail #product_picture {vertical-align: middle;display: block;max-width:400px;max-height:400px;width: 100%;height: auto;}
#product-detail .product_thumbnail {vertical-align: middle;display: block;max-width:100px;max-height:100px;width: auto;height: auto;}
#product-detail #description {font-size: 12px;}
#product-detail .infos {margin-bottom: 10px;}
#product-detail #prix,#product-detail #prixneuf  {font-size: 14px; font-weight: bold; color: #000;}
#product-detail #prix span, #product-detail #prixneuf span {font-size: 14px; font-weight: 500}
#product-detail #prixneuf, #product-detail #prix {display: inline-block;}
#product-detail #prixneuf {position: relative;top: -3px;margin-left: 35px; color:#808080; font-size: 17px}
#product-detail #prixneuf span {text-decoration: line-through; font-size: 17px}
#product-detail #prixkg {font-family: 'Oxygen', sans-serif;font-size: 15px;color: #909dab;}
#product-detail .infosproduit {font-size: 13px;}
#product-detail .logolabel {height: 70px;margin-left: 20px;margin-top: 20px;}
/*#product-detail #quantite {padding:0;margin-top: 11px;}*/
#product-detail #quantite span {font-family: 'Spoon', sans-serif;font-size: 19px;color: #fd6619;font-weight: bold;text-transform: uppercase;}
#product-detail #quantite input {font-size: 20px; color: #e5c112; font-weight:bold;width: 100%;display: inline-block;height: 35px;}


#product-detail #carateristiques {}
#product-detail #carateristiques .ligne {text-align: center}
/*#product-detail #carateristiques .carac_item:not(:nth-child(-n+4)) > div{border-top: 1px solid #ccc;}*/
#product-detail #carateristiques .carac_item > div {border-bottom: 1px solid #ccc;}
#product-detail #carateristiques .carac_item > div > label, #product-detail #carateristiques > .carac_item > div > label + div {color:#e5c112;}
#product-detail #carateristiques .carac_item > div > label {}
#product-detail #carateristiques .carac_item > div > div {display: inline-block;}
#product-detail #carateristiques h3 {font-family:'Varela Round';text-transform: uppercase; color: #ed4821; font-size: 18px; margin-top:20px;padding-bottom: 10px;border-bottom: 2px solid #efefef;}

#product-detail .caracteristiques {margin-bottom: 25px;}
#product-detail .caracteristiques .nav-tabs, #product-detail .producteur-tab .nav-tabs, #product-listing .producteur-tab .nav-tabs {border: none;}
#product-detail .caracteristiques li, #product-detail .producteur-tab li, #product-listing .producteur-tab li {width: 25%; text-align: center;}
#product-detail .caracteristiques li.fix, #product-detail .producteur-tab li.fix, #product-listing .producteur-tab li.fix {width: auto;}
#product-detail .caracteristiques li a, #product-detail .producteur-tab li a, #product-listing .producteur-tab li a {color: #000; font-size: 12px; padding: 10px 0; border: none; background-color: #e6e6e6; border-radius: 0; margin-right: 1px; cursor: pointer;}
#product-detail .caracteristiques li.fix a, #product-detail .producteur-tab li.fix a, #product-listing .producteur-tab li.fix a {padding: 10px 15px;}
#product-detail .caracteristiques li:last-child a, #product-detail .producteur-tab li:last-child a, #product-listing .producteur-tab li:last-child a {margin-right: 0;}
#product-detail .caracteristiques li.active a, #product-detail .caracteristiques li.active a:hover, #product-detail .caracteristiques li a:focus, #product-detail .producteur-tab li.active a, #product-detail .producteur-tab li.active a:hover, #product-detail .producteur-tab li a:focus, #product-listing .producteur-tab li.active a, #product-listing .producteur-tab li.active a:hover, #product-listing .producteur-tab li a:focus {background-color: #e5c112}
#product-detail .caracteristiques li a:hover, #product-detail .producteur-tab li a:hover, #product-listing .producteur-tab li a:hover {background-color: rgba(241, 144, 4, 0.64);}
#product-detail .caracteristiques .tab-content, #product-detail .producteur-tab .tab-content, #product-listing .producteur-tab .tab-content {border: 1px solid #e6e6e6; padding: 20px;}
#product-detail .caracteristiques label, #product-detail .producteur-tab label, #product-listing .producteur-tab label {color: #e5c112;}
#product-detail .caracteristiques span {background-color: #ddd; padding: 1px 10px; border-radius: 50px;}
#product-detail .right-tab, #product-listing .right-tab {border: 2px solid #e5c112; padding: 10px; height: 125px;background: #dcdcdc;}
#product-detail .right-tab .text {font-weight: normal;}
#product-detail .price-tab td:not(.buttons) {width: 75%; padding: 0 3px;}
#product-detail .price-tab td.buttons {padding: 7px 12px; background-color: #e5c112; width: 12.5%; cursor: pointer;}
#product-detail .price-tab input {border-radius: 0;}
#product-detail .right-tab .form-group {margin-bottom: 5px;}
#product-detail .right-tab .form-group .text-left {text-align: left;}
#product-detail .price-tab #ajoutpanier {background-color: #e56112 !important; border: 0; margin: 1px 0 10px;}
#product-detail .price-tab #demandedevis {background-color: #e5c112; height: 36px;}
#product-detail .price-tab #demandedevis a {font-weight: bold; font-size: 15px; letter-spacing: 1px; background: unset; height: 35px;box-shadow: none;}
#product-detail .price-tab #demandedevis .fa {margin-right: 5px;}
#product-detail .price-tab #ajoutpanier a {background:unset; border: 0; letter-spacing:1px; font-size: 18px; font-weight: bold;}
#product-detail .price-tab .actions a {color: #e5c112; cursor: pointer;}
#product-detail .price-tab .actions span {font-weight: 500 !important;}
#product-detail .producteur-tab, #product-listing .producteur-tab {padding: 0;}
#product-detail .producteur-tab .prod-image, #product-listing .producteur-tab .prod-image {height: 100px;}
#product-detail .producteur-tab .prod-image img, #product-listing .producteur-tab .prod-image img {height: 100%;}
#product-detail .producteur-tab .nav-tabs li a, #product-listing .producteur-tab .nav-tabs li a {font-size: 16px;}
#product-detail .producteur-tab .tab-content, #product-listing .producteur-tab .tab-content {border: 0; padding: 20px 10px 10px;}
#product-detail .producteur-tab .tab-content h3, #product-listing .producteur-tab .tab-content h3 {margin-top: 0; font-size: 16px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px;}
#product-detail .producteur-tab .tab-content p, #product-listing .producteur-tab .tab-content p {margin: 0;}
#product-detail .producteur-tab .btn-primary, #product-listing .producteur-tab .btn-primary {width: 100%; border-radius: 0; color: #000; border: 0;}
#product-detail .producteur-tab .btn-primary:hover, #product-listing .producteur-tab .btn-primary:hover {background-color: rgba(241, 144, 4, 0.64);}

#product-detail #ajoutenvie.selected .imgtrue {display: initial;}
#product-detail #ajoutenvie.selected .imgfalse {display: none;}
#product-detail #ajoutenvie .imgtrue {display: none}
#product-detail #ajoutenvie .imgfalse {display: initial;}
#product-detail #ajoutenvie .badge {background-color: #e5c112; color: white; margin-top: 5px}
#product-detail #ajoutenvie .hover {-webkit-transition: 0.2s; transition: 0.2s;padding:5px;background-color: #e5c112; display: none; color:white;width:200px; text-align: center; margin:auto;position: absolute; bottom:-45px; left:-58px; z-index: 1}
#product-detail #ajoutenvie .hover:after, #product-detail #ajoutenvie .hover:before {bottom: 100%;left: 33%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
#product-detail #ajoutenvie .hover:after {border-color: rgba(255, 255, 255, 0);border-bottom-color: #e5c112;border-width: 10px;margin-left: 14px;}
#product-detail #ajoutenvie .hover:before {border-color: rgba(241, 213, 213, 0);border-width: 16px;margin-left: 8px;}
#product-detail #ajoutenvie .confirm{position: absolute; top: -35px; left: -100px;  width: 250px;  text-align: center; color:#888; display: none; font-size: 12px;}

#product-detail #ajoutenvie:hover .hover {display: initial;}
#product-detail .addthis_inline_share_toolbox {height: 35px;}
#product-detail #ajoutpanier a {background-color: #ed4821; border-color: #e63315;font-size: 16px;height: 35px; line-height: 1.4; color: #fff;letter-spacing:0; box-shadow: none;}
#product-detail #ajoutpanier a:hover {background-color: unset;}
/*#product-detail #ajoutpanier {background-color: #ed4821;}*/
#product-detail #ajoutpanier .btn img {margin-top: -3px;width: 30px;}
#product-detail #prixtotal {font-family: 'Spoon', sans-serif;font-size: 22px;color: #fd6619;font-weight: bold;margin: 30px 0 10px;}
#product-detail #prixtotal small {font-size: 65%;}
#product-detail #sectioneleveur {background: #181818;color: #fff;padding-top: 20px;padding-bottom: 20px;overflow: hidden;}
#product-detail #degradeeleveur {height: 1000px;width: 100px;background: url(/themes/okadran/img/degrade.png) repeat-y;position: absolute;left: 25%;margin-top: -20px;}
#product-detail #sectioneleveur .title {font-size: 34px;color: #fff;margin-bottom: 0;}
#product-detail #sectioneleveur .title span {font-size: 37px;}
#product-detail #sectioneleveur #detailnoteeleveur {font-family: 'Spoon', sans-serif;font-size: 18px;color: #fd6619;text-transform: uppercase;}
#product-detail #sectioneleveur #portraiteleveur {background-repeat: no-repeat;background-position: right center;height: 350px;width: 1000px;position: absolute;margin-top: -20px;right: 66.66666667%;background-size: 100%;}
#product-detail #sectioneleveur #descriptioneleveur {line-height: 26px;}
#texterecette {padding-top: 30px;font-size: 20px;}
.addthis_inline_share_toolbox {height: 35px;}

#product-detail #sectionfichedetail .requete {border:none; height: 50px;background-color: #e5c112}
#product-detail #sectionfichedetail .requete a {height: 100%;color: #000;line-height: 38px;text-align:left;}
#product-detail #sectionfichedetail .requete span {color: #000;font-weight: bold;font-size: 11px;position: relative;right: 8px;line-height: 14px;display: inline-block;vertical-align: middle;}
#product-detail #sectionfichedetail .requete .btntext {right:8px;}
#product-detail #sectionfichedetail .requete .fa {top: 9px;position: relative;font-size: 23px;margin:0 15px; float: left;}
/*#product-detail #sectionfichedetail .requete .fa-file-text-o,#product-detail #sectionfichedetail .requete .fa-plus-square {right:10px;}*/

#product-detail #sectionfichedetail .actions a {color: #e5c112;}

#product-detail #comments {background-color:#eee; color:#e5c112;}
#product-detail #comments textarea{width:100%; border:0; overflow:hidden;resize: none; padding:10px 15px;margin:10px 0;}
#product-detail #comments textarea:focus{border:none;}
#product-detail #comments .btn{background-color: #e5c112; border:0; text-transform: uppercase; padding: 5px 15px; margin:10px 0;}
#product-detail #comments .btn:hover { background-color: #cc7e0d; }
#product-detail #comments h3{color:#e5c112; text-transform: uppercase; font-size: 18px; font-weight: bold; margin-bottom: 25px; }
#product-detail #comments .commentaire {padding:25px 0;}
#product-detail #comments .commentaire:not(:last-child) {border-bottom:2px solid white;}
#product-detail #comments .commentaire img, #product-detail #comments #infovendeur img{ border-radius: 100%;  }
#product-detail #comments .user, #product-detail #comments #infovendeur .user{font-weight: bold;}
#product-detail #comments span{ font-family:'Varela Round';margin-left: 10px;}

#product-detail #comments .comment-art {width: 21%;}
#product-detail #comments .comment-comment {margin-left: 4%;}
#product-detail #comments .comment-img {border-radius: 50%; background: url(/themes/winespirit/img/photo-comment.jpg); background-position: center left; background-repeat: no-repeat;background-size: cover; height: 0; padding-bottom: 100%; width: 100%;}
#product-detail #comments .comment-title {font-family: Daniel, sans-serif; text-transform: initial; font-weight: 500; font-size: 24px; margin-bottom: 10px;}
#product-detail #comments p {color: #000; font-style: italic; margin-top: 35px;}
#product-detail #comments .quote-left {position: absolute; left: 15px;}
#product-detail #comments .quote-right {position: absolute; right: 45px; bottom: 0;}



#product-detail #infovente {font-family:'Varela Round';margin-bottom: 25px;margin-top: 30px;}
#product-detail #infovente label {font-size: 14px;}
#product-detail #infovente > div, #product-detail #comments #infovendeur > div { min-height: 40px; margin-bottom:5px; }
#product-detail #infovente > div h3, #product-detail #comments #infovendeur > div h3{ color:#ed4821;padding: 15px 20px; font-weight: normal ;margin:0;}
#product-detail #infovente > div h3 {cursor: pointer;}
#product-detail #infovente > div, #product-detail #infovente > div p, #product-detail #comments #infovendeur > div p  {font-size: 12px; font-weight: bold;  color:#e5c112;}
/*#product-detail #infovente > div img{margin-top: 20px; margin-right:20px;}*/
#product-detail #infovente > div img:last-child{margin-right: 0}
#product-detail #infovente > div > div,#product-detail #comments #infovendeur > div > div:not(.clear) {padding: 20px; padding-bottom: 15px}
/*#product-detail #infovente div.invert > h3, #product-detail #comments #infovendeur div.invert > h3 {color:white; background-color:#ed4821;}*/
#product-detail #infovente div.invert > h3, #product-detail #comments #infovendeur div.invert > h3 {color: #ed4821; border: 1px solid #ed4821;}
#product-detail #infovente div > h3 > .fa {transition: 0.4s;-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0)";-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
#product-detail #infovente div.invert > h3 > .fa {-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
#product-detail #infovente ul {padding-left: 20px;}
#product-detail #infovente ul li {list-style: initial;font-size: 12px;font-weight: bold;color: #e5c112;}

#product-detail #comments #infovendeur { margin-bottom: 10px;margin-top: 74px;background: #fff; }
#product-detail #comments #infovendeur .user{font-size:17px;  display: inline;  margin-right: 15px;}
#product-detail #comments #infovendeur .user, #product-detail #comments #infovendeur .etoiles{padding:0; display: inline-block; }
#product-detail #comments #infovendeur .etoiles{margin-bottom: 5px;}
#product-detail #comments #infovendeur .etoiles .fa {font-size: 18px}
#product-detail #comments #infovendeur .etoiles .fa.fa-star-half.fa-flip-horizontal {margin-left: -3px;}
#product-detail #comments #infovendeur #descriptionvendeur p:first-child{margin-top:10px;}
#product-detail #comments #infovendeur > div p{margin:2px 0;}
#product-detail #comments #infovendeur #descriptionvendeur{margin-bottom: 10px;}
#product-detail #comments #infovendeur #infoproduitvendeur p{color:#8a8a8a;}
#product-detail #comments #infovendeur .btn {background-color: #ed4821; padding:7px 15px; margin-bottom: 15px}
#product-detail #comments #infovendeur .btn:hover{background-color: #cd2801 }


/*PANIER*/
.general_information {margin-top: 15px;margin-bottom: 15px;}
#panier .container {padding-bottom: 0px}
/*#panier .cart {padding-top: 10px; border-top: 1.5px dashed #e5c112;}*/
#panier .cart {border-color: black; border-width: medium;}
#panier .cart li {border-color: red; border-width: 0 0 2px;}
#panier .cart .cart-summary-row-title {font-size: x-large; color: black;}
#panier .cart .cart-summary-promo {width: 100%; border: 2px solid black; font-size: x-large}
#panier .cart .cart-summary-promo-submit {width: 100%; border-radius:0; background-color: #1f292e; color: white;}
#panier .cart .cart-summary-text {font-size: large; color: #1f292e;}
#panier .cart .cart-summary-price {font-size: x-large; color: #1f292e; float: right}
#panier .cart .franco {padding: 5px; font-weight: normal;}
#panier .cart-order {width: 100%; border-radius:0; background-color: #1f292e; color: white;}
#panier .cart-estimate {margin-top: 10px; width: 100%; border: 2px solid black; border-radius:0;}
#panier .panierimage {width:auto; height:100%; max-width: 100px;max-height: 100px;margin-right: 15px;}
#panier .header-panier {background-color: #4d4d4d; padding: 15px;}
#panier .table > tbody > tr:first-child > td{vertical-align: middle; padding-bottom: 10px}
#panier .table > tbody > tr > td {vertical-align: middle;border-top: 0;}
/*#panier .table .totallignepanier {vertical-align: baseline;}*/
/*#panier .table > tbody > tr:not(:first-child) > td{vertical-align: middle}*/
/*#panier .table > tbody > tr:not(:first-child) > td:not(:first-child) {padding-top: 28px;}*/
#panier .commentaires, #panier .commentairegeneralpanier, #panier .logo-label {border-width: 1px; border-style: solid; border-radius: 20px; -webkit-box-shadow: none; box-shadow: none; outline: none; background: none; width: 100%; height: 40px; margin: 0 0 8px; font-size: 14px; line-height: 16px; font-weight: 200; padding: 10px 33px; border-color: #383838; color: #000; resize: none;}
#panier .logo-label {width: auto;cursor: pointer;}
#panier input[name=logo] {display: none;}
/*#panier .table .commentairegeneralpanier {height: 85%; font-size: 12px; color: #4d4d4d; padding:0 5px; resize: none;}*/
#panier .table .buttons {float:right;margin-top: 25px;}
#panier .fa {color: #000;}
#panier .containerquantite table {margin: 0 auto; border-collapse: collapse;}
#panier .containerquantite td {border: 1px solid #c2c2c2; cursor: pointer;}
#panier .containerquantite td:first-child, #panier .containerquantite td:last-child {padding: 5px 12px;}
#panier .containerquantite td i {font-size: 12px; color: #4d4d4d;}
#panier .containerquantite a {color: #e5c112; p!osition: absolute; r!ight:26px; h!eight: 10px;}
#panier .containerquantite a.panierplus{t!op:-2px;}
#panier .containerquantite a.paniermoins{b!ottom:11px;}
/*#panier .containerquantite{position: relative; top:10px;}*/
#panier table .fa{ color : #4d4d4d; font-size: 15px;}
#panier .quantite {width: 70px;display: inline-block;m!argin: 0 10px;font-size: 20px;color: #4d4d4d;font-weight: bold; border: none; box-shadow: none;}
#panier .divassurance label {margin-bottom: 0;}
/*#panier .prixunitairediv {color: #e5c112;font-size: 12px;}*/
#panier .prixunitairediv .sur_devis {display: none;}
#panier .prixunitairediv {font-size: 0.85em; color: #868686;}
#panier .totallignepanierdiv .sur_devis {display: none;}
/*#panier .totallignepanierdiv {color: #4d4d4d !important; font-weight: 700; font-size: 13px !important;}*/
#panier table .nonmarque label {color:#4d4d4d; font-size: 11px; margin-top: 15px;}
#panier .resumepanier .limitefrais {font-size: 12px; font-weight: normal; font-style: italic;}
#panier .resumepanier .panel-heading {line-height: 1;}

#panier .resumepanier .textunderbutton label {display: block;text-align: center;font-style: italic;}
#panier .resumepanier .textredirection {font-size: 10px;padding: 0 5px; margin-bottom: 0px;}
#panier .resumepanier .textpaiementmods {font-size: 9px; font-weight: normal;}

#topproduits.recommandation #listing-products > div{padding: 0}
#topproduits.recommandation #listing-products .item{padding: 15px; margin-bottom: 0;/*max-height: 360px;*/}
#topproduits.recommandation #listing-products .item > div {background-color: #fff;}
#topproduits.recommandation{background-color: #eee}

#panier-commander, #panier-commander-devis {}
#loader {display: none;}
#panier-commander #page > .container, #panier-commander-devis #page > .container {padding-top: 30px;}
#panier-commander h1.titrecommande, #panier-commander-devis h1.titrecommande {border-bottom: 1px solid #000;padding-bottom: 5px;font-size: 28px;}
#panier-commander .reassurancecommande > .col-md-12 > div, #panier-commander-devis .reassurancecommande > .col-md-12 > div {display: flex;border-bottom: 1px solid #aaa;height: 80px;}
#panier-commander .reassurancecommande > .col-md-12 > div:first-child, #panier-commander-devis .reassurancecommande > .col-md-12 > div:first-child {border-top: 1px solid #aaa;}
#panier-commander .reassurancecommande > .col-md-12 > div > div, #panier-commander-devis .reassurancecommande > .col-md-12 > div > div {font-size: 16px;margin: auto;}
#panier-commander .reassurancecommande > .col-md-12 > div .fa, #panier-commander-devis .reassurancecommande > .col-md-12 > div .fa {font-size: 26px;}
#panier-commander .reassurancecommande > .col-md-12 > div img, #panier-commander-devis .reassurancecommande > .col-md-12 > div img {height: 40px;}
#panier-commander #reassurancecommande, #panier-commander-devis #reassurancecommande {text-align: center;margin-top: 30px;}
/*#panier-commander .searchform, #panier-commander .infominipanier {display: none;}*/
#panier-commander .searchform, #panier-commander-devis .searchform {display: none;}
#boutonpaypal {background: #019cde;color: #fff;font-style: italic;font-weight: bold;font-size: 18px;height: auto;}
#boutonpaypal:hover {background: #008ac5;}
#modulepaiement input[type=text].form-control {height: 50px;}
#logospaiement > div {background: #fff;padding-top: 5px;padding-bottom: 5px;height: 40px;}
#logospaiement img {height: 30px;}
#panier-commander .bleu, #panier-commander-devis .bleu {color: #e5c112;}
#panier-commander .inputbg.medium.commander a, #panier-commander-devis .inputbg.medium.commander a {line-height: 2;}
#panier-commander .inputbg.medium.commander img, #panier-commander-devis .inputbg.medium.commander img {display: inline-block;}
#panier-commander .inputbg.medium.commander img#loader, #panier-commander-devis .inputbg.medium.commander img#loader {display: none;}


#panier .delailivraison{color:#808080; font-size: 12px}
#panier .panel {border:0; box-shadow: none;}
#panier .block-holder > div {padding: 10px 18px; border: 1px solid transparent; border-radius: 20px;}
#panier table {margin-bottom: 40px;}
#panier table .bg-heading{background-color: #fff; color: #000; padding: 1px; border-radius: 0; border-bottom: 1px solid #c2c2c2; font-weight: bold; height: 45px;}
#panier table > tbody > .bg-heading > td{border:0; text-align: left; border-radius: 0 }
#panier table > tbody > .bg-heading > td > div { p!adding-left: 20px;  border-left: 1px solid white; min-height: 20px  }
#panier h1.titlehome {color: #000; font-size: 26px; background-color: #eee;}
#panier .resumepanier .panel{border-radius: 0; border: 1px solid #e5c112; margin-bottom: 5px}
#panier .resumepanier .panel-heading{font-size:16px; background-color: transparent; color:#4d4d4d; font-weight: bold; border-color: transparent;}
#panier .resumepanier .panel-body{padding: 10px 15px}
#panier .resumepanier .panel-body div {margin-bottom:0;  padding: 0; font-size: 14px; white-space: nowrap;color:#4d4d4d;}
#panier .resumepanier .panel-body .form-group:last-child div{text-transform: uppercase;font-weight: bold; margin-top:15px; margin-bottom: 4px;}
#panier table .lignearticle {border-bottom:1.5px dashed #c2c2c2; }
#panier table .lignearticle td {col!or: #e5c112;font-size: 17px;}
#panier table .lignearticle > td:first-child {display: flex; align-items: center;}
#panier table .lignearticle td > div {padding: 0;}
#panier table .lignearticle .description a {color: #4d4d4d;}
#panier table .lignearticle .description h4{color: #4d4d4d; font-weight: bold;font-size: 12px; margin:0 0;/*border-bottom: 1px solid #bcbcbc;*/}
#panier table .lignearticle .description div {padding: 0; font-size: 13px; color: #4d4d4d}
#panier table .lignearticle .description .delailivraison{color: #263992;}
#panier table .lignearticle #ref{color:#808080; }
#panier table .lignearticle .marquage {text-align: left;margin-top: 18px; }
#panier table .lignearticle .marquage img {position: relative;left: 8px;}
#panier table .lignearticle .marquage label {font-weight: normal;font-size: 12px;color:#000;line-height: 0.9;display: block;}
#panier table .lignearticle .marquage .taille {color:#808080;}
#panier .inputbg.medium.commander {position: relative; background-color: #e5c112; border: none; margin-top: 15px;height: 65px;}
/*#panier .inputbg.medium{max-height: 38px;}*/
#panier .inputbg.medium .btn { max-height: 36px; text-transform: uppercase; color:#e5c112; font-size: 14px; line-height: 1.7}
#panier .inputbg.medium.commander .btn { background-color:#e5c112; color:white; position: relative; top: 15px;box-shadow: none;}
#panier .inputbg.medium.commander i {font-size: 30px;  }
#panier .inputbg.medium.commander div {position: absolute; top:0; bottom:0; right: 10px; margin:auto;}
#panier .inputbg.medium.commander .btn:hover {background-color: #e5c112}
#panier .infotransporteur {margin-bottom: 10px;}
#panier .framerelaiscolis {position: fixed;z-index:15;width: 900px;left: 29%;top: 35%;height: 400px;}
#panier .infosrelaiscolis {display: none;}
#panier .showrelaiscolis {display: none;}
#panier .showrelaiscolis img {width: 100px;vertical-align: -2px;}
#panier .declinaisonspanier label {margin-bottom: 0}
/*#panier .commentairepanier, #panier .logopanier {display: table-cell !important;}*/
#panier .panier-commentaire {flex-direction: column;}
#panier .commentairegeneralpanier {height: 100px;}
#panier .commentaires {height: 75%;}
#panier .lignearticle {display: flex;flex-wrap: wrap;}
#panier .lignearticle:last-child {padding-bottom: 15px;}
#panier .lignearticle .flex, #panier .lignearticle .flex-commentaire {display: flex;}
#panier .lignearticle .column {flex-direction: column;}
#panier .lignearticle .justify-center {justify-content: center;}
#panier .lignearticle .align-center {align-items: center;}
#panier .lignearticle .flex > div:not(.flex) {margin: auto 0; width: 100%;}
#panier .lignearticle .flex > div.no-margin {margin: unset;}
#panier .lignearticle .declinaisonspanier {margin-top: 10px;}
/*#panier .lignearticle > div {display: flex;}*/
/*#panier .lignearticle > div > * {margin: auto;}*/
/*#validerpaiement {background: #eda557;color: #fff;text-transform: uppercase;font-weight: bold;font-size: 24px;height: auto;letter-spacing: 3px;}
#validerpaiement:hover {background: #da8f3d;}*/
#modifieradresselivraison {display: none;}
#panier .panier_titre_paiement_en_ligne {font-size: 24px;text-transform: uppercase;padding: 10px 20px;background: #aaa;color: #fff;}
#panier .panier_titre_paiement_en_ligne.paiement_en_ligne1 {background: #000;}

#floatbox_connexionpanier {position: fixed;width: 50%;left: 25%;top: 25%;height: 230px;border: 0px solid #e5c112;border-radius: 5px;background: #fff;z-index:10;display: none;}
#connexion-panier #miniheader, #connexion-panier #miniheader-placeholder, #connexion-panier #header, #connexion-panier #footer {display: none !important;}
#connexion-panier #page {min-height: 0;padding: 20px 5px 0;}
#connexion-panier .panel-heading {text-align: center;}
#connexion-panier .ligne {margin-bottom: 0;}
#connexion-panier .alert {position: absolute;width: 100%;top: 35px;}
#connexion-panier #fermer {color: #777666;font-weight: bold;position: absolute;right: 30px;}
#connexion-panier #userlike {display: none;}
#connexion-panier #toprecherche {display: none;}
#connexionpanier .panel{margin-bottom:0;border:none;}
#connexionpanier.connexion-panier-error .panel-body {margin-top: 42px;}
#floatbox_bg {background-color:#000;opacity:0.6;width:100%;height:100%;position :fixed;top:0;left:0;z-index:6;display:none;}

#box-mdp{width: 100%;padding: 0;}
#box-mdp .panel{margin-bottom:0;border:none;}
#box-mdp #closeBox {color: #777666;font-weight: bold;position: absolute;right: 30px;}
#box-mdp .panel-heading {
    text-align: center;
}

/*MyEasyLogo*/
#logoModal .modal-lg{width:90%;height:90%;}
#logoModal .modal-lg .modal-content{width:100%;height:100%;}
#logoModal .modal-lg .modal-body{width:100%;height:100%;}
#logoModal .modal-lg button{display:block;right:55px;top:33px;position:absolute;}
.melogo {display:none;}
.melogo:hover, .pdf_link:hover, .btn-default:hover { border : 1px solid #ccc;}


/*pages*/
#page-garanties {}
#page-garanties #filariane li {color: #fff;}
#page-garanties #filariane li a {color: #fff;}
#page-garanties #topmessage h1 {font-size: 50px;}
#page-garanties .garantie-title {font-family: 'Spoon', sans-serif;font-size: 22px;text-transform: uppercase;disp!lay: table-cell;height: 50px;verti!cal-align: middle;display: flex;line-height: 20px;}
#page-garanties .garantie-title .icone {width: 15%;display: inline-block;margin:auto;margin-right: 1%;}
#page-garanties .garantie-title .text {width: 85%;display: inline-block;margin:auto;}
#page-garanties .garantie-ligne {margin: 10px 0 15px 60px;}
#page-garanties .title {font-size: 38px;}
#page-garanties .title span {font-size: 41px;}
#garanties p {text-align: justify;}
.box {border: 1px solid #c2c2c2;text-align: center;font-size: 13px;}
.box .boxtitle {font-family: 'Spoon', sans-serif;font-size: 16px;font-weight: bold;text-transform: uppercase;}
.box .lignebox {margin: 15px 0;}
#garantieproduitsfrais .box {height: 220px;}
#garantieconfiance .box {height: 120px;display: flex;}
#garantieconfiance .box .boxtitle {margin: auto;}
#ancrelivraison, #ancrepaiement {height: 400px;overflow: hidden;font-family: 'Spoon', sans-serif;font-size: 34px;text-align: center;text-transform: uppercase;font-style: italic;line-height: 40px;}
#ancrelivraison .garantieinfo, #ancrepaiement .garantieinfo {background: url(../img/logo-blanc.png) no-repeat;padding: 70px 0;background-position: center;display: flex;height: 100%;}
#ancrelivraison .garantieinfo div, #ancrepaiement .garantieinfo div {margin: auto;}


/*#cadranbateau {height: 200px;width: 200px;display: inline-block;background: url(../img/cadran-bateau.jpg);line-height: 200px;color: #fff;}*/
#cadranbateau {line-height: 54px;font-size: 60px;}
#cadranbateau #nbjours {display: block;color: #1a2d55;font-size: 60px;font-weight: bold;}

#connexion #header {display: none}
#connexion .ligne{margin-bottom: 10px;max-width: 260px;}
/*#connexion #page{margin-top: 122px;}*/
/*#connexion #page{margin-top: 110px;}*/
#connexion .panel-heading {font-size: 22px; border:0;}
#connexion .panel-body {background-color: #f7f7f7}
#connexion .form-horizontal .control-label{margin-left: 0; text-align: left; margin-bottom: 10px}
#connexion .form-control:not(.btn ){m!argin-bottom: 25px }
#connexion .form-control{height: 40px}
#connexion .inputbg.bg-danger.valider .btn{height: 36px;}
#connexion .mdpoublie > a{text-decoration:underline; color: #b5b5b5; font-size: 11px;}
#connexion .mdpoublie { padding: 0; }
/*#connexion label{ color:#e5c112; }*/
#connexion label + div label {font-size: 13px;}
#connexion label + div label input[type=radio]{  margin-top: 10px;}
#connexion label + div label input[type=radio]:after {content : " "; background-color: white;}
#connexion label + div label input[type=radio] + div { display: inline; vertical-align: text-bottom; margin-left: 10px; margin-right: 25px;}
#connexion .panel-default>.panel-heading{background-color: transparent; color:#e5c112; font-weight: bold; text-align: center; font-size: 24px;}
#connexion label div{padding: 0; font-size: 13px}
#connexion .panel-default{border:0;}
#connexion .panel-heading .fa {transition: 0.4s;}
#connexion .panel-heading .fa {-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
#connexion .panel-heading.collapsed .fa {-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0)";-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
#connexion .panel-heading {font-family: 'Spoon', sans-serif;font-size: 17px;text-transform: uppercase;}
#connexion .inputbg.bg-danger.valider{margin-top: 2px}
#connexion .checkbox{padding-top: 20px;}
#connexion .checkbox label div:last-child{font-weight: bold; line-height: 0.95;}
#connexion .checkbox .nowrap{white-space: nowrap; padding-top: 3px}
#connexion .inscription input[type="text"]{margin-bottom: 30px}
#connexion .checkbox{margin-bottom: 40px;}
#connexion #connexion_rs{margin-top: 45px; text-align: center;}
#connexion #connexion_rs > div {display: inline-block; margin:5px;}
#connexion #connexion_rs h2 {font-family: 'Varela Round', sans-serif; color: #e5c112; text-transform: uppercase; font-size: 14px; text-align: center; font-weight: bold;}
/*#civ div {background-color: transparent!important}*/

/*input[type=checkbox], #connexion input[type=radio], span.checkbox {margin:0 10px 0 0; -webkit-appearance: none; background-color: #fff; -moz-appearance: none; border:3px solid #fff; padding:6px;display: inline-block;vertical-align: -4px; border-radius: 20px; cursor: pointer;}*/
input[type=checkbox]:checked, #connexion input[type=radio]:checked, span.checkbox.checked {background: #e5c112 url(../img/bgcheckbox.jpg) no-repeat center;}
input[type=radio] {border-radius:100%;}
/*input[type=radio]:checked{background: #e5c112;}*/

/*corner item produit*/
.ribbon {
  position: absolute;
  left: -1px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 110px; height: 110px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 145px;
  display: block;
  background: #79A70A;
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 35px; left: -28px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-bottom: 3px solid transparent;
}

.ribbon.etat1 span{background: linear-gradient(#e5c112 0%, #e5c112 100%);}
.ribbon.etat1 span::before{ border-left: 3px solid #e5c112;border-top: 3px solid #e5c112;}
.ribbon.etat1 span::after{ border-right: 3px solid #e5c112;border-top: 3px solid #e5c112;}

.ribbon.etat2 span{background: linear-gradient(#145BA3 0%, #145BA3 100%);}
.ribbon.etat2 span::before{ border-left: 3px solid #145BA3;border-top: 3px solid #145BA3;}
.ribbon.etat2 span::after{ border-right: 3px solid #145BA3;border-top: 3px solid #145BA3;}

.ribbon.etat3 span{background: linear-gradient(#e5c112 0%, #e5c112 100%);}
.ribbon.etat3 span::before{ border-left: 3px solid #e5c112;border-top: 3px solid #e5c112;}
.ribbon.etat3 span::after{ border-right: 3px solid #e5c112;border-top: 3px solid #e5c112;}

.ribbon.etat4 span{background: linear-gradient(#559BA3 0%, #559BA3 100%);}
.ribbon.etat4 span::before{ border-left: 3px solid #A2A5B3;border-top: 3px solid #559BA3;}
.ribbon.etat4 span::after{ border-right: 3px solid #A2A5B3;border-top: 3px solid #559BA3;}

.ribbon.etat5 span{background: linear-gradient(#A2A5B3 0%, #A2A5B3 100%);}
.ribbon.etat5 span::before{ border-left: 3px solid #A2A5B3;border-top: 3px solid #A2A5B3;}
.ribbon.etat5 span::after{ border-right: 3px solid #A2A5B3;border-top: 3px solid #A2A5B3;}

.espaceclient.wishlist #mainphoto{height: auto}
.espaceclient.wishlist h1{font-size: 20px;}
.espaceclient.wishlist table td{padding: 15px 10px}
.espaceclient.wishlist table td a{color:inherit; text-decoration: none}
.espaceclient.wishlist table td:last-child a{color: #e5c112}
.espaceclient.wishlist table td:last-child a:hover{color: #e5c112}
.espaceclient.wishlist table td:not(.text-left), .espaceclient.wishlist table th:not(.text-left){text-align: center;}
.espaceclient.wishlist .description{text-align: left;}
.espaceclient.wishlist .no_article{transition: 0.4s;}
.espaceclient.wishlist .actionwishlist > div {text-align: center;}
.espaceclient.wishlist .actionwishlist .btn{width: 90%; border:0;}
.espaceclient.wishlist .actionwishlist .btn-danger{ background-color: #ed4821;}
.espaceclient.wishlist .actionwishlist .btn-danger:hover{ background-color: #cd2801;}
.espaceclient.wishlist .actionwishlist .btn-success {background-color: #e5c112;}
.espaceclient.wishlist .actionwishlist .btn-success:hover { background-color: #ff6c00}

#contact{padding-top: 0}
#contact h2{text-align: center; width: 60%; margin: auto;}
#contact #page > .container { padding-bottom: 10px }

.floatbox_connexion{height: 250px; display:none; position: fixed; top:0; bottom:0; right: 0; left:0; margin:auto!important;min-width: 600px; width: 40%; z-index: 110; background-color: #fff; border:3px solid #ed4821; text-align: center; padding: 35px; padding-bottom: 10px}
.floatbox_connexion h3 {width:75%; margin:auto; color:#e5c112; margin-bottom: 8%; border-bottom: 1px solid #e5c112; padding-bottom: 20px}
.floatbox_connexion .close{position: absolute; top:5px; right: 10px;}
.floatbox_connexion .close i {font-size: 25px}

#contact #header.small{display: none}
#contact #miniheader-placeholder{display: block}
#page-informations .moteurrecherche, #contact .moteurrecherche, #page-devenez-vendeur .moteurrecherche,#page-comment-vendre .moteurrecherche, #page-preparer-livraisons .moteurrecherche, #page-processus-achat .moteurrecherche, #page-vendre .moteurrecherche{display: none}
#page-informations #header.small, #page-devenez-vendeur #header.small,#page-comment-vendre #header.small, #page-preparer-livraisons #header.small, #page-processus-achat #header.small, #page-vendre #header.small{margin-top: 0; display: block!important;}
#page-informations #header.small .pageinformation,#contact #header.small .pageinformation, #page-devenez-vendeur #header.small .pageinformation , #page-comment-vendre #header.small .pageinformation, #page-preparer-livraisons #header.small .pageinformation ,#page-processus-achat #header .pageinformation, #page-vendre #header .pageinformation{display: block!important;}
#page-informations #header.small .pageinformation + div, #contact #header.small .pageinformation + div, #page-devenez-vendeur #header.small .pageinformation + div, #page-comment-vendre #header.small .pageinformation + div, #page-preparer-livraisons #header.small .pageinformation + div ,#page-processus-achat #header .pageinformation + div, #page-vendre #header .pageinformation + div{width: 100%; margin-left:0;}
#page-informations #header.small .searchform, #contact #header.small .searchform, #page-comment-vendre #header.small .searchform,#page-preparer-livraisons #header.small .searchform ,#page-processus-achat #header.small .searchform, #page-processus-achat #header.small .searchform, #page-vendre  #header.small .searchform{display: block!important;margin-top: 50px}
#page-informations #header.small .searchform .hidden, #contact #header.small .searchform .hidden, #page-comment-vendre #header.small .searchform .hidden, #page-preparer-livraisons #header.small .searchform .hidden ,#page-processus-achat #header.small .searchform .hidden, #page-processus-achat #header.small .searchform .hidden, #page-vendre  #header.small .searchform .hidden{display: block!important}
#page-informations #header.small .searchform .col-md-5, #contact #header.small .searchform .col-md-5 ,#page-comment-vendre #header.small .searchform .col-md-5 , #page-preparer-livraisons #header.small .searchform .col-md-5,#page-processus-achat #header.small .searchform .col-md-5, #page-processus-achat #header.small .searchform .col-md-5, #page-vendre  #header.small .searchform .col-md-5{width: 33.3333%}
#page-informations #header.small .searchform  #titreswitch, #contact #header.small .searchform  #titreswitch, #page-comment-vendre #header.small .searchform #titreswitch, #page-preparer-livraisons #header.small .searchform #titreswitch,#page-processus-achat #header.small .searchform #titreswitch, #page-processus-achat #header.small .searchform #titreswitch, #page-vendre  #header.small .searchform #titreswitch{text-transform: uppercase; font-size: 16px; color:#e5c112; white-space: nowrap; position: relative; top:-5px; left:-15px; font-weight: bold}
#header.small .pageinformation span{color: #ed4821}

#page-informations #presse-et-publications table td{padding: 5px}
#page-informations #presse-et-publications table td img{height: auto!important;}
#page-informations #presse-et-publications p > a > img{padding: 20px; height: auto!important}

#header .pageinformation{text-align: center;}
#header .pageinformation h3{ margin-bottom: 20px; margin-top: 50px; color: #e5c112; text-transform: uppercase; text-align: center;  font-size: 35px; font-family: 'Varela Round', sans-serif;}


.static_page_info{color:#e5c112;}
.static_page_info .hublot{position: relative; width: 170px; height: 170px;}
.static_page_info .hublot > div{position: absolute; top:0; bottom:0; margin: auto; font-size: 75px; color:#e5c112; left:0; right:0; height: 100px;  height: 110px; width: 100px;  text-align: center;}
.static_page_info h2{ color:#e5c112; font-size: 25px; font-weight: bold }
.static_page_info .contenu > div{color:#e5c112; font-size: 17px}
.static_page_info .contenu > div li{padding:0 10px; padding-left: 0; padding-top: 10px}
.static_page_info .contenu > div li a{color: inherit; text-decoration: underline;}
.static_page_info .contenu.withbackground { position: relative; top:-155px;  padding: 98px 0; padding-bottom: 88px }
.static_page_info .contenu.withbackground .container div{padding-right: 7px}
.static_page_info .contenu.withbackground img{position: absolute; top:0; max-width: initial; margin: auto }
.static_page_info .contenu.withbackground .background { position: absolute; top:0; overflow: hidden; width: 100%;}
.static_page_info .contenu.withbackground .background img{position: relative;}
.static_page_info .corde{z-index: 0}

.static_page_info h1{text-transform: uppercase; font-size: 23px; padding-top:25px; margin-bottom: 10px }
.static_page_info h1 span{color:#ed4821;}
#page-vendre .static_page_info p{font-size: 15px; margin-bottom: 15px;}
.static_page_info .imgovered .content{ background-color: white; position: absolute; bottom: 50px; width: 360px;  right: 30px; padding: 5px 30px; }
.static_page_info .imgovered .content img{padding-top: 15px;}
.static_page_info .imgovered .imgtrimer{overflow: hidden; width: 270px; height: 540px}
.static_page_info .imgovered .imgtrimer img{max-width: initial; max-height: 100%; position: relative; left:-120px;}
#page-vendre .static_page_info > .container{line-height: 1.75}
#page-vendre .static_page_info > .container h1{ margin-bottom: 25px }
#page-vendre .static_page_info > .content h1 { padding-bottom: 25px }
#page-vendre .static_page_info > .content ul{padding-bottom: 30px}
#page-vendre .static_page_info .container a{color:#ed4821; text-decoration: underline;}

#page-preparer-livraisons .static_page_info{font-size: 15px}
#page-preparer-livraisons .static_page_info h1{padding-bottom: 20px}
#page-preparer-livraisons .static_page_info .imgovered .imgtrimer{width: 470px; height: 450px}
#page-preparer-livraisons .static_page_info .imgovered .content {width: 800px; right: 15px;}
#page-preparer-livraisons .static_page_info .bottomcontainer .col-md-2 {width: 20%}
#page-preparer-livraisons .static_page_info .bottomcontainer .col-md-2 > img{margin-bottom: 20px}
#page-preparer-livraisons .static_page_info .bottomcontainer .col-md-7 {padding-left: 40px;}
#page-preparer-livraisons .static_page_info .content a{color:inherit; text-decoration: underline;}
#page-preparer-livraisons .static_page_info .content p{margin-bottom: 20px}

#page-devenez-vendeur .static_page_info .topelem,#page-comment-vendre .static_page_info .topelem{float:left; width: 20%; text-align: center;}
#page-devenez-vendeur .static_page_info .topelem div, #page-comment-vendre .static_page_info .topelem div{ height: 90px;padding-top:20px; text-transform: uppercase; font-size: 15px;  width: 65%; margin:auto; color:#273784; font-family: 'Varela Round', sans-serif;}
#page-devenez-vendeur .static_page_info .topelem:last-child div,#page-comment-vendre .static_page_info .topelem:last-child div{color:#e5c112; font-size: 21px}
#page-comment-vendre .static_page_info .imgovered .imgtrimer{ width: 370px;height: 700px;  }
#page-comment-vendre .static_page_info .imgovered .imgtrimer img{ left:0; }
#page-comment-vendre .static_page_info .imgovered .content{line-height: 1.6; right: initial; left:300px; width: 900px; background-color: transparent; padding: 0;top:50px;bottom: auto;}
#page-comment-vendre .static_page_info .imgovered .content > div{ margin-right: 30px; background-color: #fff; width: 420px; float: left; padding: 25px 30px ; padding-bottom: 10px}
#page-comment-vendre .static_page_info .imgovered .content ul {padding-left: 20px;}
#page-comment-vendre .static_page_info .imgovered .content ul li {list-style: initial;}
#page-comment-vendre .static_page_info .content h1{ padding-top: 0; margin-bottom: 30px; color:#e5c112; }
#page-comment-vendre .static_page_info .content p{margin-bottom: 20px}
#page-comment-vendre .static_page_info .content a{color: #e5c112; text-decoration: underline;}
#page-comment-vendre .static_page_info .content img{max-width: initial; position:relative; left:-15px;}
#page-comment-vendre .static_page_info .containerbottom{padding-top: 50px}
#page-devenez-vendeur .static_page_info .inputbg,#page-comment-vendre .static_page_info .containerbottom .inputbg, .page-informations #page > .container .inputbg{margin:0 18px; margin-top: 40px;float:left; background-color: transparent; padding:0; padding-bottom: 2px; border-bottom:1px solid #242e62; border-radius: 0;}
#page-devenez-vendeur .static_page_info .btn, #page-comment-vendre .static_page_info .containerbottom .btn, .page-informations #page > .container .btn{font-style: italic; height: initial; padding:15px 10px; font-size: 21px; font-weight: 100 ;background-color: #242e62; color:white; border-radius: 0}
#page-comment-vendre .static_page_info .containerbottom .btn:hover, #page-comment-vendre .static_page_info .containerbottom .btn:hover{background-color: #040e42}
#page-devenez-vendeur .static_page_info .centeredbutton,#page-comment-vendre .static_page_info .containerbottom > div, #page-informations .centeredbutton {    display: table; margin: 0 auto; text-align: center; }

#page-devenez-vendeur .static_page_info{padding-top: 0}
#page-devenez-vendeur .static_page_info .vague{margin-top: 45px; margin-bottom: 35px}
#page-devenez-vendeur .static_page_info .topmessage{height: 190px; margin:auto; width: 950px; text-align: center;  padding-bottom: 50px; background-color: #e5c112; padding: 40px 120px; }
#page-devenez-vendeur .static_page_info .topmessage h2{margin-top:0; margin-bottom: 0; font-size: 23px; line-height: 1.4; color:white;}
#page-devenez-vendeur .static_page_info .topmessage span{color : #ed4821;}
#page-devenez-vendeur .static_page_info .inputbg , .page-informations #page > .container .centeredbutton .inputbg{border-color:#ed4a24; margin-top:0; margin-bottom: 80px}
#page-devenez-vendeur .static_page_info .btn,.page-informations #page > .container .btn {background-color: #ed4a24; padding-top: 9px; padding-bottom: 9px }
#page-devenez-vendeur .static_page_info .btn:hover, .page-informations #page > .container .btn:hover{background-color: #cd2a04}
#page-devenez-vendeur #header{ height: 450px}
#page-devenez-vendeur #bgheader{background-image: url('../img/fond-devenez-vendeur.jpg')!important;}
#page-devenez-vendeur #header .pageinformation h3{font-size: 52px; margin-top: 150px}


#inscription-client .inputbg .btn.btn-danger.next, #inscription-vendeur .inputbg .btn.btn-danger.next{line-height: 1.8}
#inscription-vendeur h1, #inscription-vendeur h2, #contact h1, #contact h2{text-transform: uppercase;  font-family: 'Varela Round', sans-serif;}
#inscription-vendeur #header{display: none}
#inscription-vendeur #miniheader-placeholder{display: block}
#inscription-vendeur h1, #contact #contact h1, #mot-de-passe-oublie h1{text-align: center; col!or:#e5c112; border-bottom: 1px solid #cfcfcf; padding-top: 10px; padding-bottom: 25px; font-size: 30px}
#inscription-vendeur h2, #contact h2{text-align: center; col!or:#e5c112; padding-bottom: 70px; font-size : 22px ; line-height: 1.2}
#inscription-vendeur .form-horizontal .control-label, #inscription-client .form-horizontal .control-label{font-weight: normal;}
#inscription-vendeur input[type=radio], #contact  input[type=radio],  #inscription-client input[type=radio]{ -webkit-appearance: none;background-color: white ;   -moz-appearance: none; border:1px solid #c2c2c2; border-radius: 100%; padding:5px;}
#inscription-vendeur input[type=radio]:checked, #contact  input[type=radio]:checked, #inscription-client input[type=radio]:checked{ background-color: #e5c112 }
#inscription-vendeur .form-horizontal label, #contact .form-horizontal label, #inscription-client .form-horizontal label{text-align: left; font-weight: normal}
#contact .form-horizontal label.checks {font-size: 0.8em;}
#inscription-vendeur .form-horizontal label.col-md-offset-1{margin-left: 30px}
#inscription-vendeur .form-horizontal label.lignes2 {white-space:normal;padding-top: 0;}
#inscription-vendeur input,#inscription-vendeur select {padding: 10px 20px;}
#inscription-vendeur input:not([type=radio]), #inscription-vendeur select {height: 40px}
.espacevendeur .moteurrecherche, .espaceclient .moteurrecherche{display: none;}
.espacevendeur #miniheader-placeholder, .espaceclient #miniheader-placeholder{display: block;}
.espacevendeur #header.small, .espaceclient #header.small{display: none}
.espaceclient .panel-body, .espaceclient .panel-default, .espaceclient .panel-default>.panel-heading,.espacevendeur .panel-body, .espacevendeur .panel-default, .espacevendeur .panel-default>.panel-heading, #inscription-vendeur .panel-body, #inscription-vendeur .panel-default, #inscription-vendeur .panel-default>.panel-heading,  #contact .panel-default, #contact .panel-default>.panel-heading{border:0;}
/*#inscription-vendeur .panel-body, #contact .panel-body, .inscription-client #forminscriptionclient .panel-body{background-color: #f7f7f7}*/
.inscription-client .obligatoire{margin-top: 8px;}
.espaceclient .panel-default,.espacevendeur .panel-default,  #inscription-vendeur .panel-default, #contact .panel-default{color : #000;  font-family: 'Varela Round', sans-serif;}
.espaceclient .panel-default>.panel-heading,.espacevendeur .panel-default>.panel-heading, #inscription-vendeur .panel-default>.panel-heading, #contact .panel-default>.panel-heading{font-size: 18px; text-transform: uppercase; col!or:#e5c112; background-color: transparent;}
.espaceclient section.container > h1, .espaceclient section.container > h2, .espacevendeur section.container > h1, .espacevendeur section.container > h2{ text-transform: uppercase; text-align: center; font-family: 'Varela Round', sans-serif;}
.espaceclient section.container > h1, .espacevendeur section.container > h1{ col!or:#000; font-size: 30px; padding: 15px; border-bottom: 1px solid #cfcfcf}
.espaceclient section.container > h2, .espacevendeur section.container > h2{ col!or:#000; font-size: 22px; padding-b!ottom: 40px; margin-bottom: 0}
.espaceclient .main,.espacevendeur .main{background-color: #efefef; padding: 20px 0}
.espacevendeur .main .topmenu{padding-bottom: 40px; text-align: center;}
.espaceclient .topmessage ,.espacevendeur .topmessage {width:70%; margin:auto; margin-top: 40px}
.espaceclient .topmessage a, .espacevendeur .topmessage a { color:#e5c112; text-decoration: underline; }
.espaceclient .menuaccueil, .espacevendeur .menuaccueil{color: #e5c112; min-height: 345px}
.espaceclient .menuaccueil > .form-group:last-child,.espacevendeur .menuaccueil > .form-group:last-child{padding-right: 0}
.espaceclient .menuaccueil > .form-group > div > div,.espacevendeur .menuaccueil > .form-group > div{background-color: white; padding: 20px; }
.espacevendeur .menuaccueil > .form-group > div:not(:last-child){margin-bottom: 3px}
.espacevendeur .menuaccueil > .form-group:first-child > div:last-child{height: 217px}
.espacevendeur .menuaccueil > .form-group:nth-child(2) > div:last-child{ height: 187px }
.espacevendeur .menuaccueil > .form-group p {padding: 2px 15px}
.espaceclient .menuaccueil .infotitle,.espacevendeur .menuaccueil .infotitle{font-weight: bold;}
.espaceclient .menuaccueil > .form-group > div{}
.espacevendeur .main .topmenu{margin-bottom: 20px}
.espacevendeur .main .topmenu h4{color:#e5c112; margin-bottom: 10px; font-size: 15px}
.espacevendeur .main .topmenuelem{ background-color: #fff; border-radius: 20px; height: 40px; }
.espacevendeur .main .topmenuelem > div {border-radius: inherit; height: 100%; padding: 10px;}
.espaceclient .infotitle a {    color: #000;    text-decoration: underline;    font-size: 14px;}
.espaceclient .infotitle {    border-bottom: 1px solid #ccc;    padding-bottom: 5px;    margin-bottom: 20px;}

.espacevendeur .main .topmenuelem#catalogue_vente > div:first-child{color:#000; padding-left: 60px; z-index: 2; width: 65%; background-color: #fff;position: absolute; left: 15px; height: inherit;}
.espacevendeur .main .topmenuelem#catalogue_vente > div:first-child .fa{color:#dedede; position: absolute; left:20px; font-size: 20px}
.espacevendeur .main .topmenuelem#catalogue_vente > div:nth-child(2) {background-color: #000; z-index: 1; position: absolute; right: 15px; padding-left: 30px; font-weight: bold; height: inherit; text-transform: uppercase; width: 140px}
.espacevendeur .main .topmenuelem#catalogue_vente > div:nth-child(2) a{ color:white; letter-spacing: 0.65px; }
.espacevendeur .main .topmenuelem#catalogue_vente > div:nth-child(2) .fa{margin-right: 6px}

.espacevendeur .main .topmenuelem#histo_commande > div:first-child{color:#000; padding-left: 40px; z-index: 2; width: 53%; background-color: #fff;position: absolute; left: 15px; height: inherit;}
.espacevendeur .main .topmenuelem#histo_commande > div:first-child .fa{color:#dedede; position: absolute; left:20px; font-size: 20px}
.espacevendeur .main .topmenuelem#histo_commande > div:nth-child(2) {background-color: #e5c112; z-index: 1; position: absolute; right: 15px; padding-left: 40px; font-weight: bold; height: inherit; width: 200px; color:white; padding-right:5px }
.espacevendeur .main .topmenuelem#histo_commande > div{color:#e5c112;}

.espacevendeur .main .topmenuelem .etoiles .fa{font-size: 22px}
.espacevendeur-frais-livraison .form-control{ display: inline;width: 100px }
.espacevendeur-frais-livraison .panel.panel-default:not(:first-child){border-top: 3px solid #efefef}
/*.espacevendeur .form-horizontal .control-label, .espacevendeur-profil label{font-weight: normal;}*/
.espacevendeur .infotransporteurs {font-size: 12px;font-style: italic;}

.espaceclient-profil label, .espacevendeur-profil label {font-weight: normal;}
.espaceclient-profil .profil-btn {display: flex; justify-content: space-between;}
.espaceclient-detail_commande .detailcommande .info{ font-size: 12px; color:#888; margin-bottom: 15px}
.espaceclient-detail_commande .detailcommande .raisonrefus .info{margin-bottom: 0; font-weight: normal}
#inscription-client #forminscriptionclient {padding-top: 60px }

/*.inputbg.bg-danger{padding-left: 0; padding-right: 0; background-color: #e5c112; }*/
.inputbg .btn.btn-danger{background-color: #e5c112; /*border-top: 1px solid #cc7e0d; border-bottom: 1px solid #cc7e0d; text-transform: uppercase*/; font-size: 16px;}
.inputbg .btn.btn-danger:hover {background-color: #e5c112}

.sidebarre{ margin-bottom: 40px}
.sidebarre ul{background-color: #fff; padding: 10px 20px;}
.sidebarre li{margin-top: 0!important}
.sidebarre li a{border-radius:0; padding: 9px 20px; font-weig!ht: bold; color:#000; border-bottom: 1px solid #e6e6e6; font-size: 16px}
.sidebarre li.active a{ color:#e5c112;  background-color: transparent;}
.sidebarre li.active>a:hover{background-color: #eee; color:#e5c112;}
.sidebarre li:last-child a{color:#ed4821; padding-left: 40px; font-size: 14px; border:0;}
.sidebarre li:last-child .fa{position: absolute; left:15px; top:0; bottom:0; height: 17px; margin: auto}

.auto-complete{margin:0;}
/*#product-detail .liste-declinaisons{display: flex;}*/
#product-detail .liste-declinaisons {}
#product-detail .liste-declinaisons .declinaison {display: inline-block;}
.header-page-dyn{visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;}
.bg-fil-ariane-info{color: #868686;background: #eeeeee;padding: 5px 0 5px 0;}
.bg-fil-ariane-info ul{display: flex;}
/*#product-detail #formajoutvariante {border: 1px solid #d1d1d1; background-color: #ffffff; border-radius: 10px}*/
#product-detail #listevariantesajout .lignevariante {border: 1px solid #d1d1d1; background-color: #ffffff; border-radius: 10px}
#product-detail #listevariantesajout .lignevariante a {color: #868686;}
#product-detail .templatelignevariante {display: none;}
#product-detail #ajoutervariante {display: none;}
#product-detail #sectionfichedetail #liste_variantes .declinaison label {cursor: pointer;}
#product-detail #sectionfichedetail #liste_variantes .declinaison label.notavailable {cursor: not-allowed;background: #aaa;opacity: 0.6;color: #000;}
#product-detail #sectionfichedetail #liste_variantes .declinaison label.notavailable:hover {color: #000;}
#product-detail #sectionfichedetail #liste_variantes .declinaison input[type=radio]:checked + label, #product-detail #sectionfichedetail #liste_variantes .declinaison input[type=checkbox]:checked + label {color: #fff;background: #000;border: 1px solid #000;}

#page-informations .mt-blog-detail.fullwidth{margin:0px;}

#listing-filters .btn-link i{    transform: rotate(0deg);}
#listing-filters .collapsed i{    transform: rotate(-90deg);}
#listing-categorie_niveau_1 .collapsed i{    transform: rotate(-90deg);}

#search-popup .btn-search{border: 0; top: 19px; right: 5px; padding: 0; outline: none; color: #9d9d9d; font-size: 23px; position: absolute; background: transparent; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear;}

.related-products li {display: inline;}
.related-products li .bg-grey {background-color: transparent;}

#page_inscriptionclient{padding-top: 0;}
.mt-side-menu .box{  border: initial; text-align: initial; font-size: initial; }
/* #moteur_recherche_header{display: none;} */
.sticky #moteur_recherche_header{display: block;}

#moteur_recherche_header .form-group{margin-bottom: 0px;}
#moteur_recherche_header .form-control{height: 36px;}
 #moteur_recherche_header .process-btn{height: 34px; font-size: 14px; line-height: unset; padding: 10px;}
#moteur_recherche_header .searchform{padding: unset;}
#moteur_recherche_header .item-moteur-recherche-input{padding-right: 10px}

/** Supprimer pour le bandeaux, je ne sais pas si c'était utile **/

/*.sticky .cacher_menu_au_scroll #menu {display: none;}*/
/*.sticky .cacher_menu_au_scroll .mt-logo {display: none!important;}*/
/*.sticky .mt-icon-list .minipanier{display: none;}*/
/*.sticky .mt-icon-list .mt-drop{display: none;}*/
/*.sticky .mt-sh-cart{display: none;}*/
/*.sticky .bar-opener .side-opener{display: none;}*/
/*.sticky .form-recherche-module{display: none;}*/
/*.sticky  .mt-icon-list{display: none;}*/


.module_header_7 .mt-icon-list{display: inline-block!important;}
.sticky  .mt-logo{display: block!important;}
.sticky #menu{padding-top:22px;text-align: right;z-index: 10}
#moteur_recherche_header_bloc{padding: 0px;}
#mt-header .mt-nav-holder .cacher_menu_au_scroll{display: block;}
.sticky #loupe_menu {display: block!important;}
.fa-search {z-index: 10;}
.sticky .cacher_au_scroll{display: none!important;}
.sticky .visible_au_scroll{display: block!important;}
#retour_recherche, #retour_recherche2 {cursor: pointer;}
#loupe_menu{min-height: 1px;}
#loupe_menu i{font-size: 23px}
.sticky .visible{display: block!important;}
.module_header_7 .dropdown-menu img{display: flex;}
.minh24{min-height: 24px;}
.module_header_7 .minipanier{display: inline-block!important;}

.module_header_7 .sticky .mt-icon-list .mt-drop{display: block!important;}
.module_header_7 .sticky .mt-icon-list .minipanier{display: inline-block!important;}
.module_header_7 .mt-bottom-bar .mt-icon-list li.open .mt-drop{display: block;}

.module_header_7 .sticky .form-recherche-module{display: block!important;}

.brands-box .well {border-radius: 0; min-height: 200px;}
.brands-box a {color: #333;}
.brands-box a:hover {text-decoration: underline; color: #23527c;}
.brands-box .well p {min-height: 34px; margin-bottom: 10px;}
.brands-box a > img {max-height: 100px; margin: 0 auto;}
.brands-box .flex-space-around {display: flex; justify-content: center; margin-bottom: 50px;}
.brands-box .alphabet {margin-top: 50px;}

.sticky .mt-nav-icon-list.hidden-sm { display: contents;}
.sticky #menu .mt-nav-icon-list a { color: #7e7e7e;}
/* POUR MODIFIER LA MARGE DE .mt-nav-icon-list .minipanier voir scripts.js*/
/*
  #valide_quantite {background-color:#ff8283; color:#fff}
  #boxprice {border: 1px solid #d1d1d1; background-color: #ffffff; border-radius: 10px}
  #boutonssubmit {display:none;}
  #table_prix {color:#000 }
  #tableau_prix_head {background-color:#ff8283}
*/
.table_prix tr:not([class*="treegrid-parent-"]):not(.tableau_prix_head) {cursor: pointer;}

.table_prix tr:not([class*="treegrid-parent-"]):not(.tableau_prix_head) {cursor: pointer;}

.module_slider_05 .img_slider_05{position: relative; text-align: center;}
.module_slider_05 .text_slider_05{left: 0;position:absolute;top: 30%; width: 100%;}
.module_slider_05 .header1_slider_05{color: white; text-transform: uppercase; letter-spacing: 15px}
.module_slider_05 .header2_slider_05{color: orange; text-transform: capitalize; font-weight: bold; }
.module_slider_05 .link_slider_05{color: white; border-color: white; text-transform: uppercase; border-radius: 25px}
.module_slider_05 .link_slider_05:hover{background-color: white; color: black;}

.iconPres {width:30px !important;position: absolute;margin-left:  10px;z-index: 2;margin-top: 10px;}
.iconemarquage {width:20px;position: absolute;margin-left:  70px;z-index: 2;margin-top: 25px;}

#popupformulairepaiement .modal-body {line-height: 26px;}
#popupformulairepaiement img {display: inline-block;}
#popupformulairepaiement #message {display: none;}

.slsider ul.list-unstyled li{ margin:0;}

#variantSummary{border-bottom: 1px solid #d1d1d1;display:none;}
#addBasketButton{display:none;}
#addBasket{height:60px;width:100%;}
section.delivery{ padding: 0px; }
section.delivery header { background-color: #ddd; }
section.delivery header .ismain { padding-top: 8px; }
section.delivery .panel-body{ display: none; }
#autocompleter { position: absolute;width: auto;height: auto;right: 0;background-color: #fff;border: 1px solid #a1a1a1;border-top: none;padding: 0;color: #000000; }
#autocompleter li { text-align:left; }
#autocompleter li.autocomplete-title-type { background-color: #e2e2e2;border-bottom: 1px solid #a1a1a1;border-top: 1px solid #a1a1a1;font-weight: bold;font-style: italic;padding: 5px 10px; }
#autocompleter li.autocomplete-response { padding: 5px 10px; }
#autocompleter li.autocomplete-response a { display: inline-block; width:100%; }
#autocompleter li.autocomplete-response:hover { cursor: pointer; background-color: #e2e2e2;}

.round_color.active{
    display:inline-block; outline: 0; box-shadow: 0 0 0 2px rgba(0, 0, 0, .8);border-bottom: 1px solid #a1a1a1;cursor:pointer;margin-top:5px;border-radius: 50%;width: 20px;height: 20px;
}
.round_color{
    display:inline-block;cursor:pointer;margin-top:5px;border-radius: 50%;width: 20px;height: 20px;border-bottom: 1px solid #a1a1a1;
}
.btn-marking,.btn-marking:hover {
    color: #fff;
    background-color: #a817c5;
    border-color: #eea236;
    border: 1px solid #000000;
}
.en_savoir_plus{
    font-weight:bold;
}
