@charset "UTF-8";
/*$bgColorHoverBtn: #00EE00;
$bgColorBtn: #00DD00;*/
/******************************************************
	Document   : style
	Created on : 11 octobre 2016, 10:14:11
	Author     : Christophe
	Description: style.css theme DocMicro
******************************************************/
/* Hack CSS
ajouter * devant attribut uniqment IE7 et inferieur
ajouter _ devant attribut uniqment IE6 et inferieur
ajouter  \9 avant; uniqment IE9 et inferieur
@supports (-ms-ime-align:auto) {} // Edge

	@media \0screen {}; uniquement IE8
	color: red; // tous les navigateurs
	color : green\9 ; // IE8 et inferieurs
	*color : yellow ;	// IE7et inferieurs
	_color : orange ; // IE6 uniquement
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {} // IE10 & IE11
	@media screen and (-webkit-min-device-pixel-ratio:0) {} // Chrome
	@-moz-document url-prefix() // Hack Firefox
*/
@font-face {
  font-family: "OpenSans";
  font-weight: 400;
  font-style: normal;
  src: url("fonts/Open-Sans-regular.woff") format("woff"), local("Open Sans"), local("Open-Sans-regular");
}
@font-face {
  font-family: "OpenSans";
  font-weight: 700;
  font-style: normal;
  src: url("fonts/Open-Sans-700.woff") format("woff"), local("Open Sans Bold"), local("Open-Sans-700");
}
@font-face {
  font-family: "OpenSans";
  font-weight: 400;
  font-style: italic;
  src: url("fonts/Open-Sans-italic.woff") format("woff"), local("Open Sans Italic"), local("Open-Sans-italic");
}
@font-face {
  font-family: "OpenSans";
  font-weight: 700;
  font-style: italic;
  src: url("fonts/Open-Sans-700italic.woff") format("woff"), local("Open Sans Bold Italic"), local("Open-Sans-700italic");
}
.fl {
  float: left;
}

.fr {
  float: right;
}

.tc {
  text-align: center;
}

body {
  margin: 0px;
  padding: 0px;
  background-color: #ececec;
  font-family: "OpenSans", Arial, Verdana, sans-serif;
  font-size: 10pt;
  color: black;
  min-width: 840px;
}

.indlg {
  margin: 0;
  padding: 0;
  min-width: 10px;
  background-color: transparent;
}
.indlg .nochemin, .indlg .contenu {
  margin: 0;
  padding: 0;
}
.indlg .infobox {
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  margin: 0;
  padding: 0;
}
.indlg .infobox .conteneur_infobox {
  padding: 0;
  margin: 0;
}
.indlg .infobox h3 {
  display: block;
  margin-right: 10px;
}
.indlg .top_header {
  display: none;
}
.indlg #facturation, .indlg #livraison, .indlg #livraison1, .indlg #livraison2, .indlg #livraison3, .indlg #formcompte, .indlg #formconnection {
  margin: 10px;
}

.titlecategorie {
  background: transparent;
}

h1, h2.titlecategorie {
  color: #4c4c4c;
  padding-left: 30px;
  font-size: 1.2em;
  font-weight: 700;
  margin-bottom: 8px;
  margin-top: 8px;
  display: inline;
}

h1 {
  padding-left: 0px;
}

h3.second_titre {
  padding-left: 5px;
}

.info h1, .servicesatelier h1 {
  font-size: 1.8em;
  color: #00acea;
}

#cookie {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  text-align: left;
  background: #343434;
  border: none;
  color: white;
  z-index: 9999;
  opacity: 0.9;
  display: none;
}
#cookie a#info_cookies {
  color: #FFF;
}
#cookie a#info_cookies:link, #cookie a#info_cookies:visited, #cookie a#info_cookies:active {
  color: #FFF;
  text-decoration: underline;
}
#cookie a#info_cookies:hover {
  color: #FFF;
}
#cookie div#cookie_txt {
  padding: 20px;
}
#cookie div#cookie_btn {
  float: right;
  margin-right: 20px;
  margin-bottom: 10px;
}
#cookie div#cookie_btn button {
  padding: 5px 20px;
  border-radius: 10px;
  margin-left: 20px;
}
#cookie div#cookie_btn button#cookie_btn_refuse {
  background-color: #343434;
}
#cookie.visible {
  display: block;
}

.ariane {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.menu_retour, .menu_accueil, .menu_title, .menu_title2, .menu_title_encours, .menu_title_piece {
  color: #4c4c4c;
  font-size: 1.2em;
  font-weight: 400;
  margin: 0px 2px;
  padding: 3px 3px;
  display: inline;
  letter-spacing: 0em !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 30px;
}

.menu_title_piece {
  font-weight: bold;
}

#menu_categorie, #menu_souscategorie, #menu_panier {
  padding-right: 5px;
}
#menu_categorie a:hover, #menu_souscategorie a:hover, #menu_panier a:hover {
  color: #00acea;
}

#menu_panier .menu_title {
  padding-right: 30px;
}

#not_last_menu.menu_accueil:after, #not_last_menu.menu_title:after, #not_last_menu.menu_title2:after, #not_last_menu.menu_title_encours:after {
  content: "›";
  padding-left: 0px;
  height: 22px;
  top: 0px;
  right: 0px;
  width: 22px;
}

#not_last_menu.menu_accueil:after, #not_last_menu.menu_title_encours:after {
  padding-left: 8px;
}

.menu_retour {
  display: none;
}
.menu_retour:before {
  content: "‹";
  padding-left: 0px;
  height: 22px;
  top: 0px;
  right: 0px;
  width: 22px;
  padding-right: 8px;
}
.menu_retour:after {
  content: "❘";
  padding-left: 0px;
  height: 22px;
  top: 0px;
  right: 0px;
  width: 22px;
  padding-left: 8px;
}

h1.menu_title, h2.menu_title, h3.menu_title2 {
  font-size: 12pt;
}
h1.menu_title #lien_categorie, h1.menu_title #lien_categorie:hover, h1.menu_title #lien_menu, h1.menu_title #lien_menu:hover, h2.menu_title #lien_categorie, h2.menu_title #lien_categorie:hover, h2.menu_title #lien_menu, h2.menu_title #lien_menu:hover, h3.menu_title2 #lien_categorie, h3.menu_title2 #lien_categorie:hover, h3.menu_title2 #lien_menu, h3.menu_title2 #lien_menu:hover {
  margin: 0px;
  padding: 0px;
  background: transparent;
  display: inline;
}

.etape {
  display: inline-block;
  font-size: 1.1em;
  text-align: center;
  letter-spacing: 0;
  padding-bottom: 5px;
}
.etape div.first {
  margin-left: 0px;
  min-width: 170px;
  width: 170px;
  background: url("design/step_first.png") no-repeat 0px 0px;
}
.etape .curent {
  float: left;
  color: white;
  padding: 3px 0px 3px 0px;
  font-weight: bold;
  width: 200px;
  margin-left: -9px;
  background: url("design/step_next.png") no-repeat 0px 0px;
}
.etape .curent a {
  color: white;
}
.etape .previous {
  float: left;
  color: white;
  min-width: 190px;
  padding: 3px 0px 3px 0px;
  margin-left: -9px;
  font-weight: bold;
  width: 200px;
  background: url("design/step_next.png") no-repeat 0px 0px;
}
.etape .previous a {
  padding-top: 3px;
  padding-bottom: 3px;
}
.etape .previous a:link, .etape .previous a:visited, .etape .previous a:active {
  color: #FFF;
  text-decoration: none;
}
.etape .previous a:hover {
  color: #FFF;
}
.etape .next, .etape .after {
  float: left;
  color: #000;
  padding: 3px 0px 3px 0px;
  margin-left: -9px;
  width: 200px;
}
.etape .next a, .etape .after a {
  padding-top: 3px;
  padding-bottom: 3px;
}

.news_page_link {
  width: 100%;
  text-align: center;
}
.news_page_link a {
  margin: 5px;
}

.news {
  margin: 10px 10px 10px 0px;
}
.news .news_img {
  float: left;
  height: 100%;
  display: block;
  width: 270px;
  text-align: center;
}
.news .news_img img {
  max-width: 250px;
}
.news .news_descro {
  padding-left: 270px;
}
.news .news_date {
  clear: both;
  text-align: right;
  color: #A0A0A0;
  font-weight: bold;
  font-size: 0.9em;
  font-style: italic;
}

.nobg {
  background: transparent;
}

.error {
  color: #D57718;
  padding-left: 30px;
  font-size: 1.4em;
  background: #ff6a00;
  font-weight: bold;
  color: white;
  margin: 10px 10px 10px 10px;
  text-align: center;
}

div#div_cgv, div#div_legales, div#div_donneespersonnelles {
  background: #fff;
  margin: 12px 0 0 8px;
  padding: 10px;
}

div#livraison, div#paiement {
  padding: 8px;
  margin: 0px;
}

div#bug, div#plan_acces, div#garantie_plus, div#contact, div#qui, div#montage {
  padding: 0 8px 8px 8px;
  margin: 0px;
}

p.cgv {
  font-size: 1.1em;
  margin-bottom: 2em;
  line-height: 1.3em;
}
p.cgv b {
  font-weight: bold;
  color: #4c4c4c;
}

ul.cgv {
  font-size: 1.1em;
  margin-top: -1.5em;
  margin-bottom: 2em;
}

h2 {
  margin-bottom: 20px;
  color: #696969;
  font-size: 1.2em;
  font-weight: 200;
  letter-spacing: 0;
  text-align: left;
}
h2.cgv {
  color: #4c4c4c;
  font-size: 1.2em;
  font-weight: bold;
}

h4 {
  font-weight: bold;
  font-size: 1.2em;
  font-style: italic;
  color: #4c4c4c;
  margin: 0;
}

hr {
  border: 0;
  border-top: 1px solid #d9d9d9;
  margin-top: 10px;
  margin-bottom: 10px;
  /*clear: both;*/
}
hr.clearehr {
  border: 0;
  /*clear: both;*/
  margin: 0;
  padding: 0;
  visibility: hidden;
}

.prix {
  font-size: 14pt;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  color: #444444;
}

.prix_new {
  font-size: 14pt;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  color: #e34242;
}

.prix_old {
  font-size: 11pt;
  font-style: normal;
  font-weight: normal;
  color: #444444;
  background-image: url("design/barre.gif");
  background-repeat: no-repeat;
}

.PrixSoldes10 {
  background-color: #0094FF;
}

.PrixSoldes20 {
  background-color: #00D121;
}

.PrixSoldes30 {
  background-color: #FF6A00;
}

.PrixSoldes40 {
  background-color: #B200FF;
}

.PrixSoldes50 {
  background-color: #EB0000;
}

.PrixSoldes60 {
  background-color: #FFD800;
}

.PrixSoldes70 {
  background-color: #00FFFF;
}

.PrixSoldes80 {
  background-color: #00FE7E;
}

.PrixSoldes90 {
  background-color: #06325b;
}

.pieceinfo_bandeau.PrixDStock, .corner.PrixDStock {
  background-color: #BB0000;
}

.corner.PrixDStock.corner_blackfriday {
  background-color: #000;
}

.corner.PrixDStock.corner_frenchdays {
  background-color: #1942b1;
  border: 2px solid #fff;
  outline: 2px solid #ff0000;
  line-height: 1.5em;
}

.BlackFriday, .BlackFriday.pieceinfo_bandeau.PrixDStock {
  background-color: black;
}
.BlackFriday div, .BlackFriday.pieceinfo_bandeau.PrixDStock div {
  padding: 5px;
}

.FrenchDays, .FrenchDays.pieceinfo_bandeau.PrixDStock {
  background-color: #1942b1;
  border: 2px solid #fff;
  outline: 2px solid #ff0000;
}

.FrenchDays.pieceinfo.pieceinfo_div {
  border: none;
  outline: none;
}

.FrenchDays.pieceinfo_bandeau.PrixDStock {
  margin: 5px 2px 0px 2px;
}

.opacitySoldes {
  opacity: 0.75;
}
.opacitySoldes .text_blackfriday {
  display: inline-block;
  line-height: 12pt;
}
.opacitySoldes .remise_blackfriday {
  display: inline-block;
  margin-top: -12pt;
  line-height: 12pt;
  vertical-align: middle;
}

.info_prix {
  height: 50px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  display: inline-block\9 ;
  vertical-align: bottom\9 ;
}
.info_prix td {
  white-space: nowrap;
}
.info_prix td.td_promospeciale {
  white-space: normal;
}

table.info_prix {
  vertical-align: auto\9 ;
}

.info_solde .PrixSoldes, .info_solde .PrixDStock {
  padding: 10px;
  font-size: 10pt;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;
}

.info_promospeciale {
  padding: 10px;
  font-size: 10pt;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  color: #3070FF;
}
.info_promospeciale.halloween {
  color: #fe5a03;
}

.dispo_et_prix {
  height: auto;
}
.dispo_et_prix .info_prix {
  width: auto;
  height: auto;
  display: table;
}
.dispo_et_prix .info_prix td {
  border: 0;
  vertical-align: middle;
  padding: 10px 5px 10px 5px;
}
.dispo_et_prix .PrixSoldes, .dispo_et_prix .PrixDStock {
  padding: 0px 4px 2px 4px;
  margin-bottom: 10px;
  font-size: 14pt;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;
}
.dispo_et_prix .info_findevie {
  text-align: center;
  margin-top: 40px;
  font-size: 12pt;
  font-style: italic;
  font-weight: bold;
  text-decoration: none;
  color: #ff6500;
}

.info_prixspecial {
  background: white;
  margin: 0px;
}

.fiche_technique {
  background: white;
  margin-top: 20px;
  padding: 20px;
}
.fiche_technique .descro_fiche {
  font-size: 1.1em;
}
.fiche_technique #legende_fiche {
  color: #00acea;
  font-weight: bold;
  font-size: 1.5em;
  text-align: left;
  margin-bottom: 10px;
}
.fiche_technique #info_ekwb {
  margin-top: 10px;
  margin-bottom: 10px;
}
.fiche_technique #info_ekwb a {
  font-weight: bold;
  padding: 3px 5px 3px 5px;
  border: 1px solid #000;
}
.fiche_technique img {
  max-width: 100%;
  height: auto;
}

.avis_produits {
  background: white;
  margin-top: 20px;
  padding: 20px;
}
.avis_produits #avis_fiche {
  color: #00acea;
  font-weight: bold;
  font-size: 1.5em;
  text-align: left;
  margin-bottom: 10px;
}

.shortcaddie label, .pieceinfo_panier label {
  display: none;
}
.shortcaddie td, .pieceinfo_panier td {
  padding: 0;
}
.shortcaddie td.prix_barre, .pieceinfo_panier td.prix_barre {
  width: 100%;
}
.shortcaddie td.prix_barre.prix_barre_PromoSpeciale_EN, .pieceinfo_panier td.prix_barre.prix_barre_PromoSpeciale_EN {
  width: auto;
}
.shortcaddie .PrixSoldes, .shortcaddie .PrixDStock, .pieceinfo_panier .PrixSoldes, .pieceinfo_panier .PrixDStock {
  display: none;
}
.shortcaddie .pieceinfo_prix, .pieceinfo_panier .pieceinfo_prix {
  color: white;
  font-weight: bold;
  font-size: 10pt;
  padding: 5px 5px 5px 5px;
  margin-bottom: 5px;
}

a:link, a:visited, a:active {
  color: #4c4c4c;
  text-decoration: none;
}
a:hover {
  color: #00acea;
}
a img {
  border: 0;
}
a img:active {
  background: none;
}

img {
  border: none;
  vertical-align: middle;
}

fieldset {
  background-color: #ececec;
  border: 2px solid #E3E7EC;
  border-radius: 1px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  margin-bottom: 15px;
  padding: 3px 6px;
}
fieldset.pieceinfo {
  padding: 0px 10px;
}

.form-field {
  margin: 0 0 0.5em 0;
  float: none;
  clear: both;
  display: table;
  width: 100%;
}
.form-field label {
  display: table-cell;
  text-align: right;
  padding-right: 2%;
  width: 32%;
  color: #5a5a5a;
  font-weight: normal;
  height: 24px;
  vertical-align: middle;
  font-size: 1.15em;
}
.form-field .error_field {
  color: #D57718;
  background: #ff6a00;
  color: white;
  font-size: 1em;
  padding-left: 40px;
}
.form-field [type=text], .form-field [type=password], .form-field textarea, .form-field select {
  height: 30px;
  margin-right: 0.5em;
  width: 98%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.form-field textarea {
  height: 120px;
}
.form-field .container {
  display: inline-block;
  width: 98%;
  margin: 0 0 0 0;
  box-sizing: border-box;
}
.form-field .container .fieldcontainer {
  display: inline-block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-right: 5px;
}
.form-field .container .lastcontainer {
  padding-right: 0px;
}
.form-field .container [type=text], .form-field .container [type=password], .form-field .container textarea, .form-field .container select {
  width: 100%;
}
.form-field [type=submit], .form-field .button a {
  text-align: center;
}

.formreadonly label {
  height: auto;
}

.formlite .form-field {
  width: auto;
}
.formlite .container {
  width: 100%;
}
.formlite .civilite, .formlite .civilite_liv, .formlite .prenom, .formlite .prenom_liv {
  display: inline-block;
}
.formlite .prenom, .formlite .prenom_liv {
  margin-left: 5px;
}
.formlite .telephone:before, .formlite .portable:before, .formlite .tel_liv:before {
  content: "Tél: ";
}
.formlite .fax, .formlite .tel_pro, .formlite .tva_intra {
  display: none;
}
.formlite .tnt_relais .form_info, .formlite .socolissimo_relais .form_info {
  padding-bottom: 5px;
}
.formlite .tnt_relais .form_info br, .formlite .socolissimo_relais .form_info br {
  display: none;
}
.formlite .tnt_relais .form_info:first-child, .formlite .socolissimo_relais .form_info:first-child {
  display: none;
}
.formlite .retrait .form_info {
  font-weight: normal;
  color: black;
}
.formlite .retrait .form_info #titre {
  font-weight: bold;
  color: #5a5a5a;
}
.formlite #recap {
  margin-left: 0px;
}

html:lang(en) .formlite .telephone:before, html:lang(en) .formlite .portable:before, html:lang(en) .formlite .tel_liv:before {
  content: "Phone: ";
}

.form-radio legend {
  display: none;
}
.form-radio fieldset input {
  float: none;
}
.form-radio fieldset label {
  text-align: left;
  float: none;
  width: auto;
  margin: 0;
}
.form-radio label {
  float: none;
  margin-right: 0;
}
.form-radio fieldset {
  width: 50%;
}

.form_info {
  text-align: left;
  color: #4c4c4c;
  font-weight: bold;
  line-height: 1.5em;
  padding-bottom: 1em;
  font-size: 1.1em;
}

#recap_facture, #recap_adresse {
  width: 25%;
}

#recap_caddie, #recap_instruction {
  width: 50%;
}

.hideitem, .hideitem.pieceinfo_div {
  display: none;
}

.titre_form {
  margin: 10px;
}
.titre_form label {
  height: auto;
}

.caddie {
  display: block;
  margin: 0px;
  border: 0px;
  padding: 0px;
  min-width: 85px;
  height: 26px;
  border-spacing: 0px;
  font-size: 0.8em;
}
.caddie input[type=text] {
  height: 16px;
  width: 20px;
  margin: 0px;
  padding: 0px;
  text-align: right;
}

.caddie_big {
  width: 250px;
  display: block;
  margin: 0px 0px 0px 0px;
  border: 0px;
  padding: 0px;
  height: 24px;
  border-spacing: 0px;
  font-size: 0.8em;
}

.infobox .product_info {
  display: flex;
  flex-direction: row;
  width: 100%;
  background-color: #FFF;
}
.infobox .product_img {
  width: 100%;
}
.infobox .product_titre {
  background: white;
  width: 100%;
  height: 55px;
}
.infobox .product_titre h1 {
  background: white;
  color: #444444;
  font-size: 14pt;
  font-weight: bold;
}
.infobox .product_titre .product_stars {
  padding: 0px 15px;
}
.infobox .product_marque {
  margin-bottom: 20px;
}
.infobox .product_marque img {
  max-height: 60px;
}
.infobox #legende_photo {
  width: 100%;
  text-align: left;
  vertical-align: bottom;
  color: #9c9c9c;
  padding: 0;
  font-weight: normal;
  font-size: 0.9em;
  padding: 5px 15px;
}
.infobox .product_prix {
  width: 300px;
  display: flex;
  flex-direction: column;
  background-color: #eeeeee;
  margin: 0 20px;
  padding: 0 20px;
  text-align: center;
  min-height: 440px;
}
.infobox .product_prix .PrixSoldes, .infobox .product_prix .PrixDStock {
  padding: 0px 4px 2px 4px;
  margin-bottom: 10px;
  font-size: 14pt;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;
}
.infobox .product_prix .info_findevie {
  text-align: center;
  margin-top: 40px;
  font-size: 12pt;
  font-style: italic;
  font-weight: bold;
  text-decoration: none;
  color: #ff6500;
}
.infobox .product_prix .info_prix {
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 10px;
  height: auto;
}
.infobox .product_prix #legende_prix {
  margin: -10px -10px 0 -10px;
  background: #899DA4;
  color: #fff;
  padding: 5px;
  font-weight: bold;
  font-size: 12pt;
  text-align: center;
}
.infobox .product_prix .info_prix label {
  display: none;
}
.infobox .product_prix .info_prix .prix {
  font-size: 20pt;
}
.infobox .product_prix .info_prix .prix_old {
  font-size: 12pt;
  background-image: url("design/barre_big.gif");
}
.infobox .product_prix .info_prix .prix_new {
  font-size: 20pt;
}
.infobox .product_prix .status_stock {
  margin-bottom: 10px;
  display: block;
}
.infobox .product_prix .status_stock.status1 .etat_stock {
  color: #24A4D4;
}
.infobox .product_prix .status_stock.status2 .etat_stock {
  color: #FB150B;
}
.infobox .product_prix .status_stock.status3 .etat_stock {
  color: #F8A23B;
}
.infobox .product_prix .status_stock.status4 .etat_stock {
  color: #6cb002;
}
.infobox .product_prix .status_stock.status5 .etat_stock {
  color: #6cb002;
}
.infobox .product_prix .status_stock .feu_stock, .infobox .product_prix .status_stock .etat_stock {
  display: table-cell;
  padding: 5px;
  font-weight: bold;
  font-size: 12pt;
  text-align: left;
}
.infobox .product_prix .status_stock.status1 .feu_stock, .infobox .product_prix .status_stock.status2 .feu_stock, .infobox .product_prix .status_stock.status3 .feu_stock, .infobox .product_prix .status_stock.status4 .feu_stock, .infobox .product_prix .status_stock.status5 .feu_stock {
  vertical-align: middle;
}
.infobox .product_prix .pieceinfo_caddie .caddieqte {
  display: inline-block;
  width: 106px;
  margin-bottom: 10px;
}
.infobox .product_prix .pieceinfo_caddie #labelqte {
  font-weight: bold;
  margin-right: 10px;
}
.infobox .product_prix .pieceinfo_caddie input {
  width: 50px;
  padding: 0;
  border: 1px solid #d9d9d9;
  height: 25px;
  margin: 0px;
  text-align: center;
  font-weight: bold;
}
.infobox .product_prix .pieceinfo_caddie a.product_quantity_down, .infobox .product_prix .pieceinfo_caddie a.product_quantity_up {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  width: 27px;
  height: 27px;
  background: #d9d9d9;
  font-weight: bold;
  font-size: 20pt;
  line-height: 25px;
}
.infobox .product_prix .pieceinfo_caddie a.product_quantity_up {
  float: right;
}
.infobox .product_prix .pieceinfo_caddie .img_caddie a {
  background: #899DA4 url("design/panier_blanc.png") no-repeat;
  background-position: 15px;
  background-size: 12%;
  max-width: 250px;
}
.infobox .product_prix .pieceinfo_caddie .img_caddie a:hover {
  background-color: #75b100;
}
.infobox .product_prix .autre_info {
  position: relative;
  height: 100%;
  text-align: left;
  margin-bottom: 10px;
}
.infobox .product_prix .autre_info .sku_ean {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.infobox .product_prix .autre_info .sku_ean #info_ekwb {
  width: 100%;
  text-align: center;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #d9d9d9;
}
.infobox .product_prix .autre_info .sku_ean #info_ekwb a {
  font-size: 9pt;
}
.infobox .product_prix .autre_info .sku_ean #info_ekwb img {
  max-width: 100%;
}
.infobox .product_prix .countdown {
  background: #BB0000 url("design/chrono.png") left 50% no-repeat;
  background-position: 10px;
  margin-top: 10px;
  text-align: center;
  padding: 5px 10px 5px 40px;
  margin-bottom: 110px;
  font-size: 11pt;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;
}
.infobox .product_prix .countdown.clear {
  display: none;
}

@supports (-moz-appearance: none) {
  .infobox .product_prix .pieceinfo_caddie a.product_quantity_down {
    line-height: 23px;
  }
}
.tableFieldSet {
  border: 0;
  width: 100%;
  margin-top: 10px;
  border-spacing: 0px 15px;
  margin: 0;
  padding: 0;
  background-color: #ececec;
}
.tableFieldSet td {
  background-color: #FFF;
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  padding: 10px 10px 10px 10px;
  vertical-align: top;
}
.tableFieldSet td .countdown {
  background: #BB0000 url("design/chrono.png") left 50% no-repeat;
  background-position: 10px;
  margin-top: 20px;
  text-align: center;
  padding: 5px 10px 5px 45px;
  margin-bottom: 10px;
  font-size: 12pt;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;
}
.tableFieldSet td .countdown.clear {
  background: none;
}
.tableFieldSet td#photo {
  border-right: 15px solid #ececec;
}
.tableFieldSet td#photo .brand {
  float: right;
  margin-bottom: 10px;
}
.tableFieldSet td#prix_et_dispo {
  width: 250px;
  position: relative;
}
.tableFieldSet td#prix_et_dispo #legende_prix {
  margin: -10px -10px 0 -10px;
  background: #899DA4;
  color: #fff;
  padding: 5px;
  font-weight: bold;
  font-size: 12pt;
  text-align: center;
}
.tableFieldSet td#prix_et_dispo .info_prix label {
  display: none;
}
.tableFieldSet td#prix_et_dispo .info_prix .prix {
  font-size: 20pt;
}
.tableFieldSet td#prix_et_dispo .info_prix .prix_old {
  font-size: 12pt;
  background-image: url("design/barre_big.gif");
}
.tableFieldSet td#prix_et_dispo .info_prix .prix_new {
  font-size: 20pt;
}
.tableFieldSet td#prix_et_dispo .status_stock {
  margin: -20px 0 0px 0;
  display: table;
}
.tableFieldSet td#prix_et_dispo .status_stock.status1 .etat_stock {
  color: #24A4D4;
}
.tableFieldSet td#prix_et_dispo .status_stock.status2 .etat_stock {
  color: #FB150B;
}
.tableFieldSet td#prix_et_dispo .status_stock.status3 .etat_stock {
  color: #F8A23B;
}
.tableFieldSet td#prix_et_dispo .status_stock.status4 .etat_stock {
  color: #6cb002;
}
.tableFieldSet td#prix_et_dispo .status_stock.status5 .etat_stock {
  color: #6cb002;
}
.tableFieldSet td#prix_et_dispo .status_stock .feu_stock, .tableFieldSet td#prix_et_dispo .status_stock .etat_stock {
  display: table-cell;
  padding: 5px;
  font-weight: bold;
  font-size: 12pt;
  text-align: left;
}
.tableFieldSet td#prix_et_dispo .status_stock.status1 .feu_stock, .tableFieldSet td#prix_et_dispo .status_stock.status2 .feu_stock, .tableFieldSet td#prix_et_dispo .status_stock.status3 .feu_stock, .tableFieldSet td#prix_et_dispo .status_stock.status4 .feu_stock, .tableFieldSet td#prix_et_dispo .status_stock.status5 .feu_stock {
  vertical-align: middle;
}
.tableFieldSet td#prix_et_dispo .pieceinfo_caddie .caddieqte {
  display: block;
  position: relative;
  top: 0px;
  right: 5px;
}
.tableFieldSet td#prix_et_dispo .pieceinfo_caddie #labelqte {
  font-weight: bold;
}
.tableFieldSet td#prix_et_dispo .pieceinfo_caddie input {
  width: 55px;
  padding: 0 30px 0 30px;
  border: 1px solid #d9d9d9;
  height: 25px;
  margin-bottom: 10px;
  margin-left: 15px;
  text-align: center;
  font-weight: bold;
}
.tableFieldSet td#prix_et_dispo .pieceinfo_caddie a.product_quantity_down, .tableFieldSet td#prix_et_dispo .pieceinfo_caddie a.product_quantity_up {
  position: absolute;
  margin: 0;
  padding: 0;
  top: 0px;
  left: 100px;
  width: 27px;
  height: 27px;
  background: #d9d9d9;
  display: inline-block;
  font-weight: bold;
  font-size: 20pt;
  line-height: 25px;
}
.tableFieldSet td#prix_et_dispo .pieceinfo_caddie a.product_quantity_up {
  right: 20px;
  left: auto;
  line-height: 27px;
}
.tableFieldSet td#prix_et_dispo .pieceinfo_caddie .img_caddie a {
  background: #899DA4 url("design/panier_blanc.png") no-repeat;
  background-position: 15px;
  background-size: 12%;
  max-width: 250px;
}
.tableFieldSet td#prix_et_dispo .pieceinfo_caddie .img_caddie a:hover {
  background-color: #75b100;
}
.tableFieldSet td#prix_et_dispo .autre_info {
  position: absolute;
  bottom: 5px;
}
.tableFieldSet td#prix_et_dispo #info_ekwb {
  width: 100%;
  text-align: left;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #d9d9d9;
}
.tableFieldSet td#prix_et_dispo #info_ekwb a {
  font-size: 8.7pt;
}
.tableFieldSet #legende_photo {
  display: inline;
  float: right;
  vertical-align: bottom;
  color: #9c9c9c;
  padding: 0;
  font-weight: normal;
  font-size: 0.9em;
}
.tableFieldSet #legende_fiche {
  margin: -10px -10px 0 -10px;
  background: #899DA4;
  color: #fff;
  padding: 5px;
  font-weight: bold;
  font-size: 1.1em;
  text-align: left;
}

.tableTransparent {
  border: 0;
  border-spacing: 0px;
}
.tableTransparent td {
  background-color: #FFF;
  border: 0px solid #FFF;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  vertical-align: top;
}
.tableTransparent #image_to_reload {
  max-height: 400px;
  max-width: 800px;
  cursor: pointer;
}

#photo_milieu {
  min-height: 250px;
}

#photo_milieu-dstock {
  min-height: 300px;
}

#commandes_en_cours, #caddie_full, #choix_transport, #choix_sav {
  padding: 10px;
}

#commandes_separateur {
  background-color: #ececec;
}

#demande_sav {
  padding-right: 10px;
}
#demande_sav #comment_sav {
  margin-top: 10px;
  width: 100%;
}

.tablePanier {
  border-spacing: 0px 0px;
}
.tablePanier td {
  border-top: 1px solid #d9d9d9;
  margin: 0px;
  padding: 0px;
}
.tablePanier .col_ref {
  width: 70px;
}
.tablePanier .col_ref img {
  width: 60px;
}
.tablePanier .col_article {
  font-size: 12pt;
}
.tablePanier .col_article i.article_special {
  font-size: 11pt;
}
.tablePanier .col_article .brand {
  font-weight: bold;
}
.tablePanier .col_article i.code_article {
  font-size: 8pt;
}
.tablePanier .col_qte {
  width: 80px;
}
.tablePanier .col_prixu {
  width: 80px;
  white-space: nowrap;
  font-size: 11pt;
}
.tablePanier .col_total {
  width: 80px;
  white-space: nowrap;
  font-weight: bold;
  font-size: 11pt;
}
.tablePanier .col_total img {
  height: 20px;
  margin-left: 8px;
  margin-top: -5px;
}
.tablePanier .col_total .div_total {
  width: 30px;
  display: inline-block;
}
.tablePanier .total_ttc {
  padding-right: 10px;
  background: url("design/total.png") no-repeat right 0px top 4px;
  font-size: 1.2em;
  color: white;
  line-height: 2em;
}
.tablePanier .total_tva {
  font-weight: normal;
  padding-right: 10px;
}
.tablePanier .button.previousUrl {
  margin-bottom: 10px;
}
.tablePanier.transport tr {
  height: 85px;
  vertical-align: middle;
}
.tablePanier.transport tr.firstrow {
  height: 30px;
}
.tablePanier.transport tr #col_img {
  width: 150px;
  margin: 0 15px 0 15px;
}
.tablePanier.transport tr .logo_transport {
  max-width: 120px;
}
.tablePanier.transport tr .col_prix_port {
  width: 100px;
  font-size: 11pt;
}
.tablePanier.transport td {
  padding-top: 10px;
}
.tablePanier.transport .cocheTransport {
  min-height: 40px;
}
.tablePanier.transport .cocheTransport input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.tablePanier.transport .cocheTransport label {
  display: inline-block;
  position: relative;
  margin: 10px 20px 10px 0px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.tablePanier.transport .cocheTransport label:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  display: inline-block;
  background-color: white;
  border: 1px solid rgb(137, 157, 164);
  border-radius: 50%;
}
.tablePanier.transport .cocheTransport input:checked ~ label:after {
  content: "";
  width: 12px;
  height: 12px;
  top: 5px;
  left: 5px;
  position: absolute;
  display: inline-block;
  border-radius: 50%;
  background: #00acea;
  opacity: 1;
}
.tablePanier.listeCommande tr {
  min-height: 80px;
  height: 80px;
}
.tablePanier.listeCommande tr#TitrelisteCommande {
  min-height: 40px;
  height: 40px;
}
.tablePanier.CaddieFull tr.row_speciale {
  min-height: 40px;
  height: 40px;
}
.tablePanier.CaddieFull tr.row_divers, .tablePanier.CaddieFull tr#row_fdp {
  min-height: 40px;
  height: 40px;
}
.tablePanier.CaddieFull tr.row_article {
  min-height: 80px;
  height: 80px;
}
.tablePanier.CaddieFull tr#TitreCaddieFull {
  min-height: 20px;
  height: 20px;
  font-size: 11pt;
}
.tablePanier.CaddieFull tr#row_vide {
  min-height: 10px;
  height: 10px;
}
.tablePanier.CaddieFull tr#row_codereduc {
  min-height: 34px;
  height: 34px;
}
.tablePanier.CaddieFull tr#row_codereduc .button a {
  padding-top: 6px;
  padding-bottom: 6px;
}
.tablePanier.CaddieFull tr#last_row {
  min-height: auto;
  height: auto;
}
.tablePanier.CaddieFull .tnt_samedi {
  font-size: 10pt;
}
.tablePanier .span_promo {
  margin-right: 20px;
  margin-top: -50px;
}
.tablePanier .status_stock {
  margin: 0px 0 0px 0;
  display: table;
}
.tablePanier .status_stock.status1 .etat_stock {
  color: #24A4D4;
}
.tablePanier .status_stock.status2 .etat_stock {
  color: #FB150B;
}
.tablePanier .status_stock.status3 .etat_stock {
  color: #F8A23B;
}
.tablePanier .status_stock.status4 .etat_stock {
  color: #6cb002;
}
.tablePanier .status_stock.status5 .etat_stock {
  color: #6cb002;
}
.tablePanier .status_stock .feu_stock, .tablePanier .status_stock .etat_stock {
  display: table-cell;
  padding: 5px;
  font-weight: bold;
  text-align: left;
}
.tablePanier .status_stock.status1 .feu_stock, .tablePanier .status_stock.status2 .feu_stock, .tablePanier .status_stock.status3 .feu_stock, .tablePanier .status_stock.status4 .feu_stock, .tablePanier .status_stock.status5 .feu_stock {
  vertical-align: middle;
}
.tablePanier div.caddie_full {
  margin: 0 20px 0 20px;
}
.tablePanier div.caddie_full .caddieqte {
  display: inline-block;
  width: 86px;
}
.tablePanier div.caddie_full input {
  width: 30px;
  padding: 0px;
  margin: 0px;
  border: 1px solid #d9d9d9;
  height: 25px;
  text-align: center;
  font-weight: bold;
}
.tablePanier div.caddie_full a.product_quantity_down, .tablePanier div.caddie_full a.product_quantity_up {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  width: 27px;
  height: 27px;
  background: #d9d9d9;
  font-weight: bold;
  font-size: 20pt;
  line-height: 25px;
}
.tablePanier div.caddie_full a.product_quantity_up {
  float: right;
}

@supports (-moz-appearance: none) {
  .infobox .product_prix .pieceinfo_caddie a.product_quantity_down {
    line-height: 23px;
  }
  .tablePanier div.caddie_full a.product_quantity_down {
    line-height: 23px;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .tablePanier.CaddieFull tr#row_codereduc .button a {
    padding-top: 6px;
    padding-bottom: 5px;
  }
}
#continuer_commande {
  height: 50px;
}

#cas_virement ~ span {
  font-size: 9pt;
}

#choix_reglement .tablePanier td {
  padding: 10px;
}
#choix_reglement .dateliv {
  font-size: 11pt;
}
#choix_reglement .infoliv br {
  display: none;
}
#choix_reglement .infoliv br#cas_virement {
  display: block;
}
#choix_reglement .infoliv .tnt_samedi:before {
  content: "   ";
}
#choix_reglement #cas_virement ~ span {
  display: none;
}

#commandes .tablePanier .span_promo, #sav .tablePanier .span_promo {
  margin-right: 0px;
  margin-top: 0px;
}

#encours .tablePanier .span_promo {
  margin-right: 0px;
  margin-top: -10px;
}

.tablePanier.docadmin .col_ref {
  width: 0;
}
.tablePanier.docadmin .col_ref img {
  display: none;
}
.tablePanier.docadmin tr.row_article, .tablePanier.docadmin tr.row_speciale {
  min-height: auto;
  height: auto;
}
.tablePanier.docadmin .col_article i.code_article {
  display: none;
}
.tablePanier.docadmin .col_article br {
  display: none;
}
.tablePanier.docadmin .col_article .brand:after {
  content: " - ";
}

#codereduc {
  margin-right: 5px;
}

#message_tnt_samedi {
  font-size: 11pt;
  line-height: 15pt;
}

#message_box {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  overflow-x: hidden;
  overflow-y: auto;
}
#message_box #message_box_inner {
  position: relative;
  margin: 0 auto;
  background-color: white;
}
#message_box.opaque_gris #message_box_inner {
  background-color: #ececec;
}

.opaque, .aw-dlg, .aw-dlg-light {
  background-color: transparent;
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
}
.opaque .aw-tooltip-content, .aw-dlg .aw-tooltip-content, .aw-dlg-light .aw-tooltip-content {
  padding-bottom: 0em;
}

.aw-dlg-light {
  box-shadow: none;
  border: 1px solid #5e5e5e;
}
.aw-dlg-light .aw-tooltip-content {
  padding-bottom: 0em;
}

.aw-dlg-hd {
  background: transparent;
  color: #FFF;
  padding-top: 3px;
  display: none;
}

.aw-dlg-hd-left {
  background: none;
}

.aw-dlg-hd-right {
  background: transparent;
}

.aw-dlg-dlg-body {
  background: transparent;
  border-width: 0;
}

.aw-dlg-bg-center {
  background: transparent;
}

.aw-dlg-bg-left {
  background: transparent;
}

.aw-dlg-bg-right {
  background: transparent;
}

.aw-dlg-close {
  width: 30px;
  height: 30px;
  right: 0px;
  top: 0px;
  bottom: auto;
  opacity: 0.6;
  background-color: transparent;
  background-image: url(design/close.png);
  background-position-x: 10px;
  background-position-y: 5px;
}

.aw-dlg-close-over {
  opacity: 1;
}

.box_image .aw-dlg-close {
  right: 30px;
  top: auto;
  bottom: 20px;
}

.aw-dlg div.tablecell, .opaque div.tablecell {
  padding: 0 5px 0 5px;
  vertical-align: middle;
}
.aw-dlg .descro, .opaque .descro {
  font-size: 1.5em;
  display: block;
  margin: 0;
  padding: 0;
  color: #4c4c4c;
}
.aw-dlg h2, .opaque h2 {
  color: #40BB07;
  font-size: 2em;
  font-weight: bold;
  text-align: center;
  margin-top: 0;
}
.aw-dlg h2.warning, .opaque h2.warning {
  color: #ff6a00;
}
.aw-dlg h4, .opaque h4 {
  font-style: normal;
  font-size: 1.5em;
  font-weight: normal;
}
.aw-dlg .logo_warning, .opaque .logo_warning {
  display: table-cell;
  padding: 10px;
  width: 30px;
  background: url("../../design/Attention.png") no-repeat 10px 50%;
}
.aw-dlg .msg_warning, .opaque .msg_warning {
  display: table-cell;
  padding: 10px;
  vertical-align: middle;
  font-size: 1.2em;
  font-weight: bold;
  color: #ff6a00;
}
.aw-dlg .probleme_qte, .opaque .probleme_qte {
  border: 2px solid #ff6a00;
  border-radius: 1px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  padding: 2px;
  font-size: 1.3em;
}

legend {
  font-size: 1.2em;
  color: #fff;
  padding: 10px;
  font-weight: bold;
  background: #00acea;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
legend img {
  vertical-align: middle;
}
legend a:link, legend a:visited, legend a:active {
  color: #d9d9d9;
}

input[type=text], input[type=password], textarea, select {
  color: #000000;
  border: 1px solid #d9d9d9;
  margin: 0px 0px 0px 0px;
  padding: 5px 5px 5px 5px;
  font-size: 1.15em;
}

input[readonly], textarea[readonly], select[readonly] {
  color: #717171;
}

input[type=button], input[type=submit], .aw-dlg-button, button {
  text-decoration: none;
  cursor: pointer;
  padding: 1px 10px 1px 10px;
  border: none;
  background: #899DA4;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  border-radius: 1px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  /*&:active { border: 2px inset; }*/
}
input[type=button]:focus, input[type=button]:hover, input[type=submit]:focus, input[type=submit]:hover, .aw-dlg-button:focus, .aw-dlg-button:hover, button:focus, button:hover {
  background-position: 0px -30px;
}

div.tablecell, span.tablecell {
  display: table-cell;
}

div.table {
  display: table;
}

.button {
  margin-left: 0px;
  white-space: nowrap;
}
.button a {
  text-decoration: none;
  cursor: pointer;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 20px;
  padding-right: 20px;
  background: #899DA4;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  position: relative;
  /*&:active { border: 2px inset; }*/
  /*&:before {
  	content: url("design/fleche_bouton.png");
  	position: absolute;
  	top: 3px;
  	left: 2px;
  }*/
  /*// hack css ie
  padding-bottom: 8px\9;
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
  	padding-bottom: 8px;
  }
  // HACK Chrome
  @media screen and (-webkit-min-device-pixel-ratio:0) {
  	padding-bottom: 8px;
  }*/
}
.button a:hover {
  background: #75b100;
}

.newbutton {
  padding-right: 0px;
  height: 34px;
  background: #899DA4 url("design/panier_blanc.png") no-repeat;
  background-position: 15px;
  background-size: 10%;
}
.newbutton:hover {
  background-color: #75b100;
}
.newbutton a {
  color: white;
  font-weight: bold;
  font-size: 1.15em;
  line-height: 34px;
  padding-left: 60px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-top: 10px;
}

.centerbnt {
  width: 250px;
  text-align: center;
}

:focus {
  outline-style: none;
}

input[type=button]:focus, input[type=submit]:focus, textarea:focus, select:focus {
  border: 1px solid #000;
}

input[disabled] {
  background-color: #DDD;
  cursor: default;
}

#arbre {
  font-size: 0.8em;
  margin: 0;
  list-style: none;
  padding: 0 0 0 20px;
  height: 20px;
  float: left;
}

#top {
  margin: 0;
  padding: 0;
}

.intersites {
  margin: 0px 0px 0px 0px;
  list-style: none;
  padding: 0px 20px 0px 0px;
  float: right;
  height: 20px;
  display: block;
}
.intersites li {
  float: left;
  margin: 0 0 0 5px;
}
.intersites a {
  border-left: 1px solid #d9d9d9;
  float: left;
  display: block;
  background: #ececec;
  padding: 0px 10px 0 10px;
  text-decoration: none;
  color: #765;
  height: 19px;
}
.intersites a:hover {
  background: #d9d9d9;
  color: #fff;
}
.intersites .selected a {
  /*border: none;*/
  color: #fff;
  background: #d9d9d9;
  /*height: 25px;*/
}

.top_header {
  position: relative;
  padding-top: 0px;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 128px;
  background: white;
  z-index: 20;
}

#header {
  position: fixed;
  top: 0px;
  width: 100%;
  height: 85px;
  background: #ececec;
  clear: both;
}
#header .header_gauche {
  width: 320px;
  height: 85px;
  float: left;
  padding-left: 0px;
  padding-top: 0px;
}
#header .header_gauche .doc_text {
  padding-left: 8px;
  padding-top: 10px;
}
#header .header_milieu {
  position: relative;
  margin-left: 320px;
}
#header .header_droit {
  position: absolute;
  top: 15px;
  right: 0px;
  width: 350px;
  height: 85px;
}

.header_menu {
  position: absolute;
  top: 84px;
  left: 0px;
  width: 100%;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  background: #fff;
}
.header_menu.fixed {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}
.header_menu nav {
  max-width: 1082px;
  margin-left: auto;
  margin-right: auto;
}

#info_header {
  position: absolute;
  top: 15px;
  right: 0px;
  width: 350px;
  height: 50px;
  min-height: 50px;
  overflow: hidden;
}
#info_header img {
  margin-right: 15px;
}
#info_header span.info_titre {
  display: table-cell;
  color: #35292C;
  font-weight: normal;
  height: 50px;
  vertical-align: middle;
}
#info_header #info_fianet, #info_header #info_cadenas, #info_header #info_cb, #info_header #info_camion {
  position: absolute;
  top: -50px;
  width: 100%;
}

.info_liv {
  margin-top: 10px;
}

.recherche .ariane h1 {
  font-size: 1.5em;
}
.recherche h3.second_titre {
  padding-left: 0px;
  color: #4c4c4c;
}

#recherche img, #logbox img, input[type=image] {
  vertical-align: middle;
}

#box_recherche {
  position: absolute;
  top: 0px;
  left: 0;
  right: 370px;
  width: auto;
  font-size: 0.8em;
  background: none;
  padding: 0px 40px 0px 2px;
  margin: 0px 10px 0px 20px;
}
#box_recherche #recherche {
  padding: 0px 0px 0px 0px;
  margin: 22px 0px 0px 0px;
  text-align: center;
}
#box_recherche #recherche #champ_recherche, #box_recherche #recherche #champ_recherche_doo {
  width: 100%;
  height: 35px;
  color: #717171;
  border: 1px solid #d9d9d9;
  border-right: 0;
  padding: 0px 10px;
  font-size: 14px;
  float: left;
}
#box_recherche #recherche #box_recherche_submit {
  position: absolute;
  right: 0px;
  width: 40px;
  height: 35px;
  background: #00acea;
  border: 1px solid #00acea;
  border-left: 0;
  border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
}
#box_recherche #recherche #box_recherche_submit #champ_recherche_submit {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  height: 100%;
  width: 100%;
  background: url("design/Loupe.png") no-repeat;
  background-position: center;
}
#box_recherche #recherche #section_recherche {
  width: 146px;
  color: #717171;
  border: 1px solid #71A6E1;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 2px;
}

#doc_language {
  position: absolute;
  top: -18px;
  right: 2px;
}
#doc_language select {
  border: none;
  background: none;
  font-size: 1em;
  font-family: "OpenSans", Arial, Verdana, sans-serif;
}

#user {
  position: absolute;
  top: 5px;
  left: 0;
  width: 160px;
  height: 40px;
  min-height: 40px;
  overflow: hidden;
  font-size: 1em;
  background: transparent;
  padding: 0px 0px 0px 0px;
  margin: 0 10px 0 10px;
  z-index: 200;
}
#user:hover, #user.focused {
  overflow: visible;
}
#user:hover .list_user, #user.focused .list_user {
  z-index: 250;
  border: 1px solid #d9d9d9;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}
#user .compteUser {
  margin: 6px 4px 4px 4px;
  padding: 0px;
  line-height: 14px;
  height: 30px;
}
#user .compteUser #logo_fleche {
  height: 26px;
  width: 26px;
  background: url("design/fleche_bas.png") no-repeat 0px 3px;
}
#user #compteUser_texte {
  padding-left: 10px;
  padding-top: 2px;
  color: #4c4c4c;
  max-width: 85px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: clip;
  vertical-align: middle;
}
#user #compteUser_texte.not_connected {
  line-height: 24px;
}
#user .bloc_deconnexion {
  font-size: 1.2em;
}
#user .bloc_deconnexion ul {
  list-style-type: none;
  margin: 0px 10px;
  padding: 0px 0px;
}
#user .bloc_deconnexion ul li {
  border-top: 1px solid #d9d9d9;
  padding: 8px;
}
#user .bloc_deconnexion ul li:first-child {
  border-top: none;
}
#user .bloc_deconnexion ul li a {
  color: #4c4c4c;
}
#user .bloc_deconnexion ul li a:hover {
  color: #00acea;
}
#user .list_user {
  overflow: hidden;
  width: 260px;
  background: white;
  padding: 5px 5px 5px 5px;
  margin: 0px;
}
#user .list_user .bloc_inscription {
  color: #4c4c4c;
  padding: 10px;
  height: 100%;
}
#user .list_user .bloc_inscription div {
  margin-bottom: 5px;
}
#user .list_user .bloc_inscription div#pwd_lost {
  margin-top: 20px;
}
#user .list_user .bloc_inscription #span_check {
  vertical-align: sub;
}
#user .list_user .bloc_inscription #titre_login, #user .list_user .bloc_inscription #titre_new_client {
  font-weight: bold;
  margin-bottom: 15px;
}
#user .list_user .bloc_inscription .bloc_newcompte {
  height: 100%;
  border-top: 1px solid #d9d9d9;
}
#user .list_user .bloc_inscription input, #user .list_user .bloc_inscription select {
  width: 100%;
  padding: 8px;
  margin-bottom: 5px;
  box-sizing: border-box;
}
#user .list_user .bloc_inscription #btn_seconnecter {
  margin-top: 20px;
  text-align: center;
}
#user .list_user .bloc_inscription #btn_seconnecter a {
  width: 100%;
}
#user .list_user .bloc_inscription hr {
  margin-top: 0px;
  border-top: 1px solid #d9d9d9;
}
#user .list_user .bloc_inscription #btn_newcompte {
  margin-top: 25px;
  margin-bottom: 15px;
  text-align: center;
}
#user .list_user .bloc_inscription #btn_newcompte a {
  width: 100%;
}
#user #deja_connecte.list_user {
  width: 260px;
}

#basket {
  position: absolute;
  top: 5px;
  left: 180px;
  right: 0;
  width: 150px;
  height: 40px;
  min-height: 40px;
  overflow: hidden;
  font-size: 1em;
  padding: 0px 0px 0px 0px;
  margin: 0 10px 0 10px;
  background: transparent;
  z-index: 300;
}
#basket .caddieUser {
  margin: 6px 4px 4px 4px;
  line-height: 14px;
}
#basket .caddieUser #logo_fleche {
  display: none;
  /*height: 26px;
  width: 26px;
  background: url("design/fleche_bas.png") no-repeat right 0px;*/
}
#basket #caddieUser_article {
  padding-left: 10px;
  padding-bottom: 5px;
  color: #4c4c4c;
}
#basket .list_basket {
  display: none;
  overflow: hidden;
  width: 500px;
  background: white;
  padding: 5px 5px 5px 5px;
  margin: 0px;
}
#basket .truncateCaddie {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: clip;
  width: 480px;
  display: inline-block;
}

#menuMobile, #rechercheMobile {
  display: none;
}

ul#top_menu, ul#top_menu_v2 {
  position: relative;
  margin: 0;
  padding: 0;
  list-style-type: none;
  height: 42px;
  background: url("design/menu-sep.png") left 50% no-repeat;
}
ul#top_menu li, ul#top_menu ul, ul#top_menu_v2 li, ul#top_menu_v2 ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
ul#top_menu li.level1, ul#top_menu_v2 li.level1 {
  float: left;
  position: static;
  font-weight: bold;
  list-style-type: none;
  font-size: 11pt;
  background: url("design/menu-sep.png") 100% 50% no-repeat;
}
ul#top_menu li.level1 ul.categorie, ul#top_menu_v2 li.level1 ul.categorie {
  display: none;
  position: absolute;
  left: 0;
  padding: 15px;
  margin: 0px;
  background: #fff;
  width: 100%;
  z-index: 100;
  border-bottom: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}
ul#top_menu li.level1 ul.categorie a, ul#top_menu_v2 li.level1 ul.categorie a {
  color: #4c4c4c;
}
ul#top_menu li.level1 ul.categorie a:hover, ul#top_menu_v2 li.level1 ul.categorie a:hover {
  color: #00acea;
}
ul#top_menu li.level1 ul.categorie div.colonne, ul#top_menu_v2 li.level1 ul.categorie div.colonne {
  display: inline-block;
  vertical-align: top;
  width: 24.5%;
}
ul#top_menu li.level1 ul.categorie div.colonne.maxcol_2, ul#top_menu_v2 li.level1 ul.categorie div.colonne.maxcol_2 {
  width: 49.5%;
}
ul#top_menu li.level1 ul.categorie div.colonne.maxcol_3, ul#top_menu_v2 li.level1 ul.categorie div.colonne.maxcol_3 {
  width: 32.9%;
}
ul#top_menu li.level1 ul.categorie div.colonne.maxcol_4, ul#top_menu_v2 li.level1 ul.categorie div.colonne.maxcol_4 {
  width: 24.5%;
}
ul#top_menu li.level1 ul.categorie div.colonne.maxcol_5, ul#top_menu_v2 li.level1 ul.categorie div.colonne.maxcol_5 {
  width: 19.5%;
}
ul#top_menu li.level1 a, ul#top_menu_v2 li.level1 a {
  display: block;
  line-height: 42px;
  color: #4c4c4c;
  padding: 0px 12px;
  text-align: left;
  text-decoration: none;
  /*border-left: 1px solid $borberColorMenu;
  border-right: 1px solid $borberColorMenu;*/
}
ul#top_menu li.level1#montages ul.categorie, ul#top_menu li.level1#montages:hover ul.categorie, ul#top_menu_v2 li.level1#montages ul.categorie, ul#top_menu_v2 li.level1#montages:hover ul.categorie {
  display: none;
}
ul#top_menu li.level1#dstock, ul#top_menu_v2 li.level1#dstock {
  background: #bb0000;
}
ul#top_menu li.level1#dstock span#dstock, ul#top_menu_v2 li.level1#dstock span#dstock {
  color: #fff;
}
ul#top_menu li.level1#dstock:hover, ul#top_menu_v2 li.level1#dstock:hover {
  background: #00acea;
}
ul#top_menu li.level1#blackfriday, ul#top_menu_v2 li.level1#blackfriday {
  background: black;
}
ul#top_menu li.level1#blackfriday span#blackfriday, ul#top_menu_v2 li.level1#blackfriday span#blackfriday {
  color: #fff;
}
ul#top_menu li.level1#blackfriday:hover, ul#top_menu_v2 li.level1#blackfriday:hover {
  background: #00acea;
}
ul#top_menu li.level1#frenchdays, ul#top_menu_v2 li.level1#frenchdays {
  background: #e73a36;
}
ul#top_menu li.level1#frenchdays span#frenchdays, ul#top_menu_v2 li.level1#frenchdays span#frenchdays {
  color: #fff;
}
ul#top_menu li.level1#frenchdays:hover, ul#top_menu_v2 li.level1#frenchdays:hover {
  background: #00acea;
}
ul#top_menu li.level1.selected, ul#top_menu_v2 li.level1.selected {
  background: #00acea;
}
ul#top_menu li.level1.selected a, ul#top_menu_v2 li.level1.selected a {
  color: #fff;
}
ul#top_menu li.level1:hover, ul#top_menu_v2 li.level1:hover {
  background: #00acea;
}
ul#top_menu li.level1:hover a, ul#top_menu_v2 li.level1:hover a {
  color: #fff;
}
ul#top_menu li.level1:hover ul.categorie, ul#top_menu_v2 li.level1:hover ul.categorie {
  display: block;
}
ul#top_menu li.level2, ul#top_menu_v2 li.level2 {
  padding: 0px 0px 15px 0px;
}
ul#top_menu li.level2 a, ul#top_menu_v2 li.level2 a {
  margin: 0;
  padding: 0;
  height: auto;
  line-height: 1.2em;
}
ul#top_menu li.level3, ul#top_menu_v2 li.level3 {
  font-size: 10pt;
  font-weight: normal;
  padding-left: 10px;
  letter-spacing: normal;
}
ul#top_menu li.level3 a, ul#top_menu_v2 li.level3 a {
  padding: 3px 0 0 0;
  height: auto;
  margin: 0;
  line-height: 1.2em;
}

ul#top_menu_v2 {
  background: url("design/menu-sep-v2.png") left 50% no-repeat;
}
ul#top_menu_v2 li.level1 {
  background: url("design/menu-sep-v2.png") 100% 50% no-repeat;
}
ul#top_menu_v2 li.level1 a {
  line-height: normal;
  text-align: center;
  height: 42px;
  display: flex;
  align-items: center;
}
ul#top_menu_v2 li.level1 ul.categorie {
  padding: 10px;
}
ul#top_menu_v2 li.level2 {
  background-color: #f7f7f7;
  margin: 5px;
  padding: 5px;
}
ul#top_menu_v2 li.level2 a {
  height: auto;
  text-align: left;
}
ul#top_menu_v2 li.level2 a img {
  width: 64px;
  margin-right: 10px;
}
ul#top_menu_v2 li.level2 ul {
  margin-left: 65px;
}

ul#nav {
  margin: 0;
  padding: 0;
  position: relative;
  display: inline;
  height: auto;
  background: transparent;
  border: none;
  cursor: pointer;
  z-index: 15;
}
ul#nav li {
  display: inherit;
  float: none;
  color: #4c4c4c;
  font-size: 1em;
  font-weight: normal;
  margin-bottom: 10px;
}
ul#nav li:hover > ul {
  display: block;
}
ul#nav li a {
  background-color: transparent;
  color: #4c4c4c;
}
ul#nav li a h2.avec_sousmenu, ul#nav li a div.avec_sousmenu {
  margin-right: 2px;
}
ul#nav li ul {
  display: none;
  position: absolute;
  z-index: -1;
  top: 23px;
  left: 2px;
  width: auto;
  min-width: 200px;
  background: #fff;
  border: 1px solid #d9d9d9;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  padding: 10px;
}
ul#nav li ul li {
  border: none;
  font-weight: bold;
}
ul#nav li ul li a {
  font-weight: normal;
  font-size: 11pt;
  padding: 5px 5px 0 5px;
  white-space: nowrap;
  overflow: hidden;
  height: 20px;
}
ul#nav li ul li h2 {
  margin: 0;
  color: black;
  font-weight: bold;
  font-size: 9pt;
  white-space: nowrap;
  letter-spacing: inherit;
}
ul#nav li ul li ul {
  top: 0px;
  min-width: 220px;
}
ul#nav li#menu_panier ul {
  width: 100%;
}

#corps ul#nav, #corps_nomenu ul#nav, #corps ul#nav ul, #corps_nomenu ul#nav ul {
  list-style-image: none;
}

ul#admin_menu {
  list-style-image: none;
  display: inline-block;
  padding: 0;
}
ul#admin_menu li {
  background: url("design/fleche_droit.png") no-repeat 0px;
  padding-left: 20px;
  display: inherit;
  float: none;
  color: #4c4c4c;
  font-size: 1em;
  font-weight: normal;
  margin-bottom: 10px;
}

.panier h1 {
  font-size: 1.5em;
  color: #4c4c4c;
  margin: 0 15px 0 0;
}
.panier h1 img {
  margin-right: 10px;
  margin-top: -5px;
}
.panier ul#nav {
  background: transparent url("design/fleche_bas.png") no-repeat right -2px;
}

#menu {
  float: left;
  width: 300px;
  color: #707070;
}
#menu .box_menu a:link, #menu .box_menu a:visited, #menu .box_menu a:active {
  color: black;
  text-decoration: none;
}
#menu .box_menu a:hover {
  color: white;
}
#menu .box_menu h5 {
  width: 300px;
  margin: 0 0 15px 0;
  padding: 0px 0 0 0px;
  background: none;
  color: #4c4c4c;
  font-size: 1.5em;
  border: none;
  text-align: left;
  font-weight: bold;
}
#menu .box_menu h5 img {
  margin-right: 10px;
  margin-top: -5px;
}
#menu .box_menu .corpsmenu {
  width: 300px;
  margin: 0 auto 5px auto;
  background: #FFF;
  border: none;
  padding: 4px 2px;
}
#menu .box_menu .corpsmenu ul {
  display: block;
  margin: 0px 10px;
  padding: 0px;
  list-style-type: none;
  font-size: 1.1em;
  font-weight: normal;
}
#menu .box_menu .corpsmenu ul li {
  padding: 0px 0px 0px 0px;
}
#menu .box_menu .corpsmenu ul li ul li {
  border-top: 1px solid #d9d9d9;
  padding: 8px;
}
#menu .box_menu .corpsmenu ul li ul li:hover {
  color: #00acea;
}
#menu .box_menu .corpsmenu ul li ul li.first_li_menu {
  border-top: none;
}
#menu .box_menu .corpsmenu ul li ul .menu_selected {
  background: #00acea;
  color: #fff;
}
#menu .box_menu .corpsmenu ul li ul .menu_selected:hover {
  color: #fff;
}
#menu .box_menu .corpsmenu ul li ul a#livraison {
  margin: 0px;
}
#menu .box_menu .corpsmenu .menu_section {
  background: #00acea;
  padding: 3px 0px 3px 3px;
  color: #FFF;
  font-weight: bold;
}
#menu .box_menu .corpsmenu .menu_section:hover {
  background: #C13022 url("design/bg_menu_hover.png") repeat-x top;
  color: white;
}
#menu .box_menu .corpsmenu .menu_section_selected {
  background: #3070FF url("design/bg_menu_hover.png") repeat-x top;
  padding: 3px 0px 3px 3px;
  color: #FFF;
  font-weight: bold;
}
#menu .box_menu .corpsmenu #addlivraison, #menu .box_menu .corpsmenu #adresse-livraison-liv1, #menu .box_menu .corpsmenu #adresse-livraison-liv2, #menu .box_menu .corpsmenu #adresse-livraison-liv3 {
  display: none;
}
#menu .box_menu .corpsmenu #adresse-facturation, #menu .box_menu .corpsmenu #adresse-livraison, #menu .box_menu .corpsmenu #encours, #menu .box_menu .corpsmenu #commandes, #menu .box_menu .corpsmenu #sauvegarde, #menu .box_menu .corpsmenu #public {
  display: none;
}

.accueil .ariane, .accueil .news_item {
  display: none;
}

.banner {
  position: relative;
  overflow: hidden;
  height: 350px;
  background-color: white;
}
.banner .banner_item {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 350px;
  width: 100%;
  z-index: 1;
  visibility: hidden;
  overflow: hidden;
  background-size: auto;
  background-repeat: repeat-x;
  background-position: top;
}
.banner .banner_item .banner_2items {
  height: 100%;
  width: 50%;
  float: left;
}
.banner .banner_item .banner_3items {
  height: 100%;
  width: 33%;
  float: left;
}
.banner .banner_item .banner_3items.item2 {
  max-width: 550px;
}
.banner .banner_item1 {
  visibility: visible;
}
.banner #COOL2025 {
  background-image: url("../../images/bandeaux/cool2025.jpg");
}
.banner #blackweek-2025 {
  background-image: url("../../images/bandeaux/blackweek2025.jpg");
}
.banner #HALLOWEEN-2025 {
  background-image: url("../../images/bandeaux/promo_halloween2025.jpg");
}
.banner #frenchdays-sept2025 {
  background-image: url("../../images/bandeaux/frenchdays-sept2025.jpg");
}
.banner #KDO-BackSchool-2025 {
  background-image: url("../../images/bandeaux/BackSchool-2025.jpg");
}
.banner #soldes-07-2025 {
  background-image: url("../../images/bandeaux/soldes-07-2025.jpg");
}
.banner #EKWB-RTX50 {
  background-image: url("../../images/bandeaux/EKWB_RTX50.jpg");
}
.banner #paques2025 {
  background-image: url("../../images/bandeaux/paques2025.jpg");
}
.banner #Alpha-RTX50 {
  background-image: url("../../images/bandeaux/Alpha_RTX50.jpg");
}
.banner #soldes-01-2025 {
  background-image: url("../../images/bandeaux/soldes-01-2025.jpg");
}
.banner #cool-2024-img1 {
  background-image: url("../../images/bandeaux/cool2024-img1.jpg");
}
.banner #cool-2024-img2 {
  background-image: url("../../images/bandeaux/cool2024-img2.jpg");
}
.banner #cool-2024-img3 {
  background-image: url("../../images/bandeaux/cool2024-img3.jpg");
}
.banner #cool-2024-img4 {
  background-image: url("../../images/bandeaux/cool2024-img4.jpg");
}
.banner #blackweek-2024 {
  background-image: url("../../images/bandeaux/blackweek2024.jpg");
}
.banner #Alpha-ES-11-2024 {
  background-image: url("../../images/bandeaux/Alpha_serveur_11-2024.jpg");
}
.banner #Bykski-2024 {
  background-image: url("../../images/bandeaux/Bykski-2024.jpg");
}
.banner #HALLOWEEN-2024 {
  background-image: url("../../images/bandeaux/promo_halloween2023.jpg");
}
.banner #Alpha-10-2024 {
  background-image: url("../../images/bandeaux/Alpha_apex_10-2024.jpg");
}
.banner #LianLi-HydroShift {
  background-image: url("../../images/bandeaux/LianLi-HydroShift.jpg");
}
.banner #KDO-BackSchool-2024 {
  background-image: url("../../images/bandeaux/BackSchool-2024.jpg");
}
.banner #soldes-07-2024 {
  background-image: url("../../images/bandeaux/soldes-07-2024.jpg");
}
.banner #frenchdays-mai2024 {
  background-image: url("../../images/bandeaux/frenchdays-mai2024.jpg");
}
.banner #paques2024 {
  background-image: url("../../images/bandeaux/paques2024.jpg");
}
.banner #KDO-20EUR_03-2024 {
  background-image: url("../../images/bandeaux/Promo-20EUR-mars2024.jpg");
}
.banner #Alpha-apex-fan {
  background-image: url("../../images/bandeaux/Alpha_apex_fan.jpg");
}
.banner #soldes-01-2024 {
  background-image: url("../../images/bandeaux/soldes-01-2024.jpg");
}
.banner #ANNEE-2024 {
  background-image: url("../../images/bandeaux/annee2024.jpg");
}
.banner #COOL2023-prolong {
  background-image: url("../../images/bandeaux/cool2023prolong.jpg");
}
.banner #COOL2023 {
  background-image: url("../../images/bandeaux/cool2023.jpg");
}
.banner #blackweek-2023 {
  background-image: url("../../images/bandeaux/blackweek2023.jpg");
}
.banner #HALLOWEEN-2023 {
  background-image: url("../../images/bandeaux/promo_halloween2023.jpg");
}
.banner #EK-AIO-oct2023 {
  background-image: url("../../images/bandeaux/EKWB-AIO-09-2023.jpg");
}
.banner #frenchdays-sept2023 {
  background-image: url("../../images/bandeaux/frenchdays-sept2023.jpg");
}
.banner #promo-ALPHA-09-2023 {
  background-image: url("../../images/bandeaux/Alpha_promo_09-2023.jpg");
}
.banner #soldes-07-2023-suite {
  background-image: url("../../images/bandeaux/soldes-07-2023b.jpg");
}
.banner #soldes-07-2023 {
  background-image: url("../../images/bandeaux/soldes-07-2023.jpg");
}
.banner #KDO-30EUR_05-2023 {
  background-image: url("../../images/bandeaux/Promo-30EUR-mai2023.jpg");
}
.banner #frenchdays-mai2023 {
  background-image: url("../../images/bandeaux/frenchdays-mai2023.jpg");
}
.banner #paques2023 {
  background-image: url("../../images/bandeaux/paques2023.jpg");
}
.banner #Alpha-news-avril2023 {
  background-image: url("../../images/bandeaux/Eisblock_Aurora_DistroPlate.jpg");
}
.banner #soldes-01-2023 {
  background-image: url("../../images/bandeaux/soldes-01-2023.jpg");
}
.banner #COOL2022 {
  background-image: url("../../images/bandeaux/cool2022.jpg");
}
.banner #blackweek-2022 {
  background-image: url("../../images/bandeaux/blackweek2022.jpg");
}
.banner #promo_halloween2022 {
  background-image: url("../../images/bandeaux/promo_halloween2022.jpg");
}
.banner #frenchdays-sept2022 {
  background-image: url("../../images/bandeaux/frenchdays-sept2022.jpg");
}
.banner #KDO-BackSchool-2022 {
  background-image: url("../../images/bandeaux/BackSchool-2022.jpg");
}
.banner #soldes-07-2022 {
  background-image: url("../../images/bandeaux/soldes-07-2022.jpg");
}
.banner #EK-news-juin2022 {
  background-image: url("../../images/bandeaux/EKWBnews06-2022.jpg");
}
.banner #frenchdays-mai2022 {
  background-image: url("../../images/bandeaux/frenchdays-mai2022.jpg");
}
.banner #KDO-30EUR_03-2022 {
  background-image: url("../../images/bandeaux/Promo-30EUR-mars2022.jpg");
}
.banner #soldes-01-2022 {
  background-image: url("../../images/bandeaux/soldes-01-2022.jpg");
}
.banner #Watercool-Launch {
  background-image: url("../../images/bandeaux/Watercool-launch.jpg");
}
.banner #blackweek-2022-soon {
  background-image: url("../../images/bandeaux/blackweek2022soon.jpg");
}
.banner #blackweek-2022-soon .countdown {
  color: #efbe07;
  vertical-align: middle;
  text-align: center;
  font-size: 3em;
  font-weight: 700;
  position: absolute;
  left: 0px;
  top: 200px;
  width: 100%;
}
.banner #blackweek-2022-soon .countdown .count_text {
  display: inline-block;
  border: 1px solid;
  padding: 10px 50px;
}
.banner #promo_tranche_dec2021 {
  background-image: url("../../images/bandeaux/cool2021.jpg");
}
.banner .banner_nav {
  position: absolute;
  width: 100%;
  top: 325px;
  z-index: 2;
}
.banner .banner_nav img {
  margin-right: 10px;
}

.contenu {
  padding: 15px 20px;
  margin-top: 0px;
  min-height: 550px;
}
.contenu.compte h1 {
  display: none;
  font-size: 1.7em;
}
.contenu.compte h1 img {
  margin-bottom: 10px;
}

.nomenu {
  background: none;
  margin-top: 0px;
  padding-top: 0px;
}

.nochemin {
  padding: 5px;
  min-height: 10px;
  background: none;
}

#corps {
  margin-left: 315px;
}

#corps ul, #corps_nomenu ul {
  list-style-image: url("design/liste_im.png");
}

ul#contact div {
  font-weight: bold;
}
ul#contact li {
  margin-bottom: 1em;
}

#telfax {
  font-size: 1.3em;
  text-align: center;
  font-weight: bold;
  margin-top: -15px;
}

.pieceinfo {
  background-color: #FFF;
  margin: 0 0 5px 0;
  padding: 5px 15px 5px 15px;
  border: none;
  overflow: hidden;
}
.pieceinfo b {
  color: #4c4c4c;
}
.pieceinfo.pieceinfo_solde {
  margin-top: 0px;
}
.pieceinfo.PrixSoldes10 {
  border: 2px solid #0094FF;
}
.pieceinfo.PrixSoldes20 {
  border: 2px solid #00D121;
}
.pieceinfo.PrixSoldes30 {
  border: 2px solid #FF6A00;
}
.pieceinfo.PrixSoldes40 {
  border: 2px solid #B200FF;
}
.pieceinfo.PrixSoldes50 {
  border: 2px solid #EB0000;
}
.pieceinfo.PrixSoldes60 {
  border: 2px solid #FFD800;
}
.pieceinfo.PrixSoldes70 {
  border: 2px solid #00FFFF;
}
.pieceinfo.PrixSoldes80 {
  border: 2px solid #00FE7E;
}
.pieceinfo.PrixSoldes90 {
  border: 2px solid #06325b;
}
.pieceinfo.PrixDStock {
  border: 2px solid #BB0000;
}
.pieceinfo.promo_speciale {
  border: 2px solid #FF4040;
}
.pieceinfo.PrixDStock.BlackFriday {
  border: 2px solid black;
}
.pieceinfo.PrixDStock.FrenchDays {
  border: none;
}

.pieceinfo_div {
  height: 200px;
  display: table;
  *display: block;
  /*&.pieceinfo_dstock { 
  	height: $heightPieceInfo + 35px;
  	.pieceinfo_panier{
  		min-width: 120px;
  	}
  }*/
}
.pieceinfo_div .shortdescro {
  height: 200px;
  overflow: hidden;
  width: 100%;
  display: table-cell;
  text-overflow: ellipsis;
  text-align: left;
  vertical-align: middle;
  padding-left: 30px;
  padding-right: 30px;
  *float: left;
  *width: 80%;
  /*white-space: nowrap;*/
}
.pieceinfo_div .shortdescro a {
  color: #9c9c9c;
}
.pieceinfo_div .shortdescro h3 {
  margin: 0px 0px 1em 0px;
  padding: 0 0 3px 0;
  background: none;
}
.pieceinfo_div .shortdescro h3 a {
  font-size: 1em;
  color: #444444;
}
.pieceinfo_div .shortdescro h3 a .nom_piece {
  font-weight: bold;
}
.pieceinfo_div .pieceinfo_image {
  width: 100px;
  display: table-cell;
  vertical-align: middle;
  *float: left;
}
.pieceinfo_div .pieceinfo_image img {
  width: 200px;
  height: 200px;
}
.pieceinfo_div .pieceinfo_prix {
  width: 100px;
  min-width: 100px;
  display: table-cell;
  *float: right;
  vertical-align: middle;
  padding-right: 30px;
}
.pieceinfo_div .pieceinfo_prix label {
  display: none;
}
.pieceinfo_div .pieceinfo_prix .PrixSoldes, .pieceinfo_div .pieceinfo_prix .PrixDStock {
  display: none;
}
.pieceinfo_div .pieceinfo_panier {
  width: 200px;
  min-width: 200px;
  display: table-cell;
  vertical-align: top;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  height: 200px;
  *float: right;
}
.pieceinfo_div .pieceinfo_panier em {
  font-size: 0.75em;
  color: #9c9c9c;
}
.pieceinfo_div .pieceinfo_panier .ref_et_dispo {
  margin-right: 5px;
  text-align: right;
}
.pieceinfo_div .pieceinfo_panier .pieceinfo_caddie .img_caddie a {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 40px;
  padding-right: 40px;
}
.pieceinfo_div .status_stock {
  margin: 50px 0 10px 0;
  display: table;
}
.pieceinfo_div .status_stock.status1 .etat_stock {
  color: #24A4D4;
}
.pieceinfo_div .status_stock.status2 .etat_stock {
  color: #FB150B;
}
.pieceinfo_div .status_stock.status3 .etat_stock {
  color: #F8A23B;
}
.pieceinfo_div .status_stock.status4 .etat_stock {
  color: #6cb002;
}
.pieceinfo_div .status_stock.status5 .etat_stock {
  color: #6cb002;
}
.pieceinfo_div .status_stock .feu_stock, .pieceinfo_div .status_stock .etat_stock {
  display: table-cell;
  padding: 5px;
  font-weight: bold;
  font-size: 10pt;
  text-align: left;
}
.pieceinfo_div .status_stock.status1 .feu_stock, .pieceinfo_div .status_stock.status2 .feu_stock, .pieceinfo_div .status_stock.status3 .feu_stock, .pieceinfo_div .status_stock.status4 .feu_stock, .pieceinfo_div .status_stock.status5 .feu_stock {
  vertical-align: middle;
}

div.promotions div.liste .pieceinfo_div .pieceinfo_prix {
  width: 140px;
  min-width: 140px;
}
div.promotions div.liste .pieceinfo_div .pieceinfo_prix .PrixSoldes, div.promotions div.liste .pieceinfo_div .pieceinfo_prix .PrixDStock {
  display: block;
  color: #fff;
  font-weight: bold;
  font-size: 10pt;
  padding: 5px;
  margin-top: 5px;
}

.grille .pieceinfo_div {
  display: inline-block;
  width: 17.5%;
  margin: 0 0.3% 10px 0.3%;
  height: 450px;
  text-align: center;
}
.grille .pieceinfo_div.pieceinfo_normal {
  border: 2px solid #fff;
}
.grille .pieceinfo_div .pieceinfo_image {
  display: block;
  width: auto;
  float: none;
}
.grille .pieceinfo_div .pieceinfo_image img {
  width: 230px;
  height: 230px;
}
.grille .pieceinfo_div .shortdescro {
  display: block;
  height: auto;
  text-align: center;
  padding: 0;
}
.grille .pieceinfo_div .shortdescro .nom_piece {
  font-weight: normal;
}
.grille .pieceinfo_div .shortdescro h3 {
  margin: 0;
  height: 70px;
}
.grille .pieceinfo_div .shortdescro h3 a .marque {
  font-size: 1.1em;
}
.grille .pieceinfo_div .shortdescro h3 a:hover {
  color: #00acea;
}
.grille .pieceinfo_div .pieceinfo_prix {
  display: block;
  width: auto;
  padding: 0;
  height: auto;
}
.grille .pieceinfo_div .pieceinfo_prix .PrixSoldes, .grille .pieceinfo_div .pieceinfo_prix .PrixDStock {
  display: table-cell;
  background: none;
}
.grille .pieceinfo_div .pieceinfo_prix .PrixSoldes.PrixSoldes10 div, .grille .pieceinfo_div .pieceinfo_prix .PrixDStock.PrixSoldes10 div {
  background-color: #0094FF;
}
.grille .pieceinfo_div .pieceinfo_prix .PrixSoldes.PrixSoldes20 div, .grille .pieceinfo_div .pieceinfo_prix .PrixDStock.PrixSoldes20 div {
  background-color: #00D121;
}
.grille .pieceinfo_div .pieceinfo_prix .PrixSoldes.PrixSoldes30 div, .grille .pieceinfo_div .pieceinfo_prix .PrixDStock.PrixSoldes30 div {
  background-color: #FF6A00;
}
.grille .pieceinfo_div .pieceinfo_prix .PrixSoldes.PrixSoldes40 div, .grille .pieceinfo_div .pieceinfo_prix .PrixDStock.PrixSoldes40 div {
  background-color: #B200FF;
}
.grille .pieceinfo_div .pieceinfo_prix .PrixSoldes.PrixSoldes50 div, .grille .pieceinfo_div .pieceinfo_prix .PrixDStock.PrixSoldes50 div {
  background-color: #EB0000;
}
.grille .pieceinfo_div .pieceinfo_prix .PrixSoldes.PrixSoldes60 div, .grille .pieceinfo_div .pieceinfo_prix .PrixDStock.PrixSoldes60 div {
  background-color: #FFD800;
}
.grille .pieceinfo_div .pieceinfo_prix .PrixSoldes.PrixSoldes70 div, .grille .pieceinfo_div .pieceinfo_prix .PrixDStock.PrixSoldes70 div {
  background-color: #00FFFF;
}
.grille .pieceinfo_div .pieceinfo_prix .PrixSoldes.PrixSoldes80 div, .grille .pieceinfo_div .pieceinfo_prix .PrixDStock.PrixSoldes80 div {
  background-color: #00FE7E;
}
.grille .pieceinfo_div .pieceinfo_prix .PrixSoldes.PrixSoldes90 div, .grille .pieceinfo_div .pieceinfo_prix .PrixDStock.PrixSoldes90 div {
  background-color: #06325b;
}
.grille .pieceinfo_div .pieceinfo_prix .PrixSoldes.BlackFriday div, .grille .pieceinfo_div .pieceinfo_prix .PrixDStock.BlackFriday div {
  background-color: black;
}
.grille .pieceinfo_div .pieceinfo_prix .PrixSoldes div, .grille .pieceinfo_div .pieceinfo_prix .PrixDStock div {
  margin: 10px;
  padding: 5px;
  color: white;
  font-weight: bold;
  font-size: 1.2em;
}
.grille .pieceinfo_div .pieceinfo_panier {
  display: block;
  width: auto;
  height: auto;
}
.grille .pieceinfo_div .pieceinfo_panier .ref_et_dispo {
  display: none;
}
.grille .pieceinfo_div .pieceinfo_panier .pieceinfo_caddie .img_caddie {
  margin-top: 10px;
}
.grille .pieceinfo_div .status_stock {
  margin: 0px 0px 0px 0px;
  display: block;
}
.grille .pieceinfo_div .status_stock .etat_stock {
  text-align: left;
}

.search_list.grille .pieceinfo_div {
  width: 17.2%;
  border: 1px solid #d9d9d9;
  height: 390px;
}
.search_list.grille .pieceinfo_div .shortdescro h3 {
  height: 70px;
}

.pieceinfo_caddie {
  margin-left: 0px;
  white-space: nowrap;
}
.pieceinfo_caddie .img_caddie {
  margin-top: 15px;
  margin-bottom: 15px;
}
.pieceinfo_caddie .img_caddie a {
  text-decoration: none;
  cursor: pointer;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 55px;
  padding-right: 25px;
  background: #899DA4;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  position: relative;
  font-size: 1.1em;
}
.pieceinfo_caddie .img_caddie a:hover {
  background-color: #75b100;
}

.pieceinfo_bandeau {
  padding: 4px 4px 4px 4px;
  margin: 5px 0px 0px 0px;
  font-size: 11pt;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;
}
.pieceinfo_bandeau .countdown {
  background: url("design/chrono.png") no-repeat top left;
  background-size: 18px 19px;
  padding-left: 28px;
  padding-bottom: 2px;
  float: right;
}
.pieceinfo_bandeau .PrixDStock .PrixSoldes10 {
  background-color: #BB0000;
}
.pieceinfo_bandeau .PrixDStock .PrixSoldes20 {
  background-color: #BB0000;
}
.pieceinfo_bandeau .PrixDStock .PrixSoldes30 {
  background-color: #BB0000;
}
.pieceinfo_bandeau .PrixDStock .PrixSoldes40 {
  background-color: #BB0000;
}
.pieceinfo_bandeau .PrixDStock .PrixSoldes50 {
  background-color: #BB0000;
}
.pieceinfo_bandeau .PrixDStock .PrixSoldes60 {
  background-color: #BB0000;
}
.pieceinfo_bandeau .PrixDStock .PrixSoldes70 {
  background-color: #BB0000;
}
.pieceinfo_bandeau .PrixDStock .PrixSoldes80 {
  background-color: #BB0000;
}
.pieceinfo_bandeau .PrixDStock .PrixSoldes90 {
  background-color: #BB0000;
}

.bandeau_dstock {
  padding: 0px 0px 0px 0px;
  margin: 8px 0px 8px 0px;
  font-size: 11pt;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;
}
.bandeau_dstock .countdown {
  background: #BB0000 url("design/chrono.png") left 50% no-repeat;
  background-position: 20px;
  padding: 10px 4px 10px 60px;
}

.BlackFriday.bandeau_dstock .countdown {
  background-color: black;
}

.infobox, .piecepopup, .piecepopupV2 {
  background-color: #fff;
  /*border: 1px solid $borberColor;
  border-radius: $borderRadius;
  -moz-border-radius: $borderRadius;
  -webkit-border-radius: $borderRadius;*/
  margin-bottom: 10px;
}
.infobox .conteneur_infobox, .piecepopup .conteneur_infobox, .piecepopupV2 .conteneur_infobox {
  padding: 3px 6px;
  font-size: 1.3em;
  margin: 0;
  margin-left: 20px;
  color: #E8A22B;
  font-weight: bold;
  background: transparent;
}
.infobox h1, .infobox h3, .piecepopup h1, .piecepopup h3, .piecepopupV2 h1, .piecepopupV2 h3 {
  display: block;
  position: relative;
  font-size: 12pt;
  font-weight: bold;
  margin: 0;
  padding: 5px 14px;
  color: #FFF;
  background: #00acea;
  border: none;
  overflow: hidden;
}
.infobox h1 img, .infobox h3 img, .piecepopup h1 img, .piecepopup h3 img, .piecepopupV2 h1 img, .piecepopupV2 h3 img {
  vertical-align: middle;
}
.infobox h1 a, .infobox h3 a, .piecepopup h1 a, .piecepopup h3 a, .piecepopupV2 h1 a, .piecepopupV2 h3 a {
  color: #fff;
}
.infobox h1 a.blanc, .infobox h3 a.blanc, .piecepopup h1 a.blanc, .piecepopup h3 a.blanc, .piecepopupV2 h1 a.blanc, .piecepopupV2 h3 a.blanc {
  color: white;
}
.infobox h1 a.fonce, .infobox h3 a.fonce, .piecepopup h1 a.fonce, .piecepopup h3 a.fonce, .piecepopupV2 h1 a.fonce, .piecepopupV2 h3 a.fonce {
  color: #4c4c4c;
}
.infobox h1 .fr, .infobox h3 .fr, .piecepopup h1 .fr, .piecepopup h3 .fr, .piecepopupV2 h1 .fr, .piecepopupV2 h3 .fr {
  font-size: 8pt;
  font-weight: normal;
  vertical-align: text-top;
  *position: absolute;
}

#liste_pieces .ligne_blocs_homepage .infobox, #piece_details .infobox, #suggestion.ligne_blocs_homepage .infobox, #sousmenu.ligne_blocs_homepage .infobox {
  border: none;
  background: transparent;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
#liste_pieces .ligne_blocs_homepage .infobox h1, #liste_pieces .ligne_blocs_homepage .infobox h3, #piece_details .infobox h1, #piece_details .infobox h3, #suggestion.ligne_blocs_homepage .infobox h1, #suggestion.ligne_blocs_homepage .infobox h3, #sousmenu.ligne_blocs_homepage .infobox h1, #sousmenu.ligne_blocs_homepage .infobox h3 {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

#liste_pieces .ligne_blocs_homepage.suite_ligne_blocs {
  margin-top: -10px;
}
#liste_pieces .ligne_blocs_homepage.suite_ligne_blocs .infobox {
  margin-top: 5px;
  padding-top: 1px;
}

#suggestion.ligne_blocs_homepage, #sousmenu.ligne_blocs_homepage {
  border: none;
  background: #fff;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
#suggestion.ligne_blocs_homepage .pieceinfo, #sousmenu.ligne_blocs_homepage .pieceinfo {
  background-color: #FFF;
  border-radius: 0;
  margin: 0px 0px 0px 0px;
  padding: 0;
  border-left: 1px solid #d9d9d9;
}
#suggestion.ligne_blocs_homepage .pieceinfo.PrixSoldes10, #suggestion.ligne_blocs_homepage .pieceinfo.PrixSoldes20, #suggestion.ligne_blocs_homepage .pieceinfo.PrixSoldes30, #suggestion.ligne_blocs_homepage .pieceinfo.PrixSoldes40, #suggestion.ligne_blocs_homepage .pieceinfo.PrixSoldes50, #suggestion.ligne_blocs_homepage .pieceinfo.PrixSoldes60, #suggestion.ligne_blocs_homepage .pieceinfo.PrixSoldes70, #suggestion.ligne_blocs_homepage .pieceinfo.PrixSoldes80, #suggestion.ligne_blocs_homepage .pieceinfo.PrixSoldes90, #suggestion.ligne_blocs_homepage .pieceinfo.PrixDStock, #suggestion.ligne_blocs_homepage .pieceinfo.promo_speciale, #sousmenu.ligne_blocs_homepage .pieceinfo.PrixSoldes10, #sousmenu.ligne_blocs_homepage .pieceinfo.PrixSoldes20, #sousmenu.ligne_blocs_homepage .pieceinfo.PrixSoldes30, #sousmenu.ligne_blocs_homepage .pieceinfo.PrixSoldes40, #sousmenu.ligne_blocs_homepage .pieceinfo.PrixSoldes50, #sousmenu.ligne_blocs_homepage .pieceinfo.PrixSoldes60, #sousmenu.ligne_blocs_homepage .pieceinfo.PrixSoldes70, #sousmenu.ligne_blocs_homepage .pieceinfo.PrixSoldes80, #sousmenu.ligne_blocs_homepage .pieceinfo.PrixSoldes90, #sousmenu.ligne_blocs_homepage .pieceinfo.PrixDStock, #sousmenu.ligne_blocs_homepage .pieceinfo.promo_speciale {
  border: none;
  border-left: 1px solid #d9d9d9;
}
#suggestion.ligne_blocs_homepage .pieceinfo.piece_1, #sousmenu.ligne_blocs_homepage .pieceinfo.piece_1 {
  border: none;
}
#suggestion.ligne_blocs_homepage .pieceinfo#menu_image_v2, #sousmenu.ligne_blocs_homepage .pieceinfo#menu_image_v2 {
  margin: 10px;
  background-color: #f7f7f7;
}
#suggestion.ligne_blocs_homepage .pieceinfo#menu_image_v2 .text_categorie, #sousmenu.ligne_blocs_homepage .pieceinfo#menu_image_v2 .text_categorie {
  width: 50%;
}
#suggestion.ligne_blocs_homepage .infolien, #sousmenu.ligne_blocs_homepage .infolien {
  background: url("design/fleche_droit.png") no-repeat top left;
  padding: 0 10px 0px 20px;
  font-weight: bold;
  float: right;
}
#suggestion.ligne_blocs_homepage .infobox h3, #sousmenu.ligne_blocs_homepage .infobox h3 {
  background-color: #FFA366;
}

#suggestion.ligne_blocs_homepage.bloc_en_colonne {
  width: 23.5%;
  margin: 15px 2% 15px 0;
  text-align: center;
  float: left;
}
#suggestion.ligne_blocs_homepage.bloc_en_colonne.bloc_4 {
  margin: 15px 0 15px 0;
}
#suggestion.ligne_blocs_homepage.bloc_en_colonne .infolien {
  padding-top: 2px;
  font-size: 1em;
}
#suggestion.ligne_blocs_homepage.bloc_en_colonne .infobox h3 {
  white-space: nowrap;
}
#suggestion.ligne_blocs_homepage.bloc_en_colonne .pieceinfo {
  margin: 0px;
  border: none;
  border-top: 1px solid #d9d9d9;
}
#suggestion.ligne_blocs_homepage.bloc_en_colonne .pieceinfo.piece_1 {
  border: none;
}
#suggestion.ligne_blocs_homepage.bloc_en_colonne .headerpieceVertical {
  height: 100%;
  display: table;
}
#suggestion.ligne_blocs_homepage.bloc_en_colonne .headerpieceVertical .shortimg, #suggestion.ligne_blocs_homepage.bloc_en_colonne .headerpieceVertical .shortcontenu {
  display: table-cell;
  text-align: left;
  vertical-align: top;
}
#suggestion.ligne_blocs_homepage.bloc_en_colonne .headerpieceVertical .shortimg {
  width: 150px;
}
#suggestion.ligne_blocs_homepage.bloc_en_colonne .headerpieceVertical .shorttitle {
  vertical-align: top;
  height: 60%;
  margin-top: 10px;
  min-height: 100px;
}
#suggestion.ligne_blocs_homepage.bloc_en_colonne .headerpieceVertical .shorttitle h2 {
  text-align: left;
  height: auto;
  padding-bottom: 3px;
}
#suggestion.ligne_blocs_homepage.bloc_en_colonne .headerpieceVertical .info_prix {
  display: table;
  margin-bottom: 1em;
  height: auto;
}
#suggestion.ligne_blocs_homepage.bloc_en_colonne .headerpieceVertical table.info_prix {
  margin-top: -1.5em;
}
#suggestion.ligne_blocs_homepage.bloc_en_colonne .headerpieceVertical .caddie_big {
  display: none;
}
#suggestion.ligne_blocs_homepage.bloc_en_colonne .promo_du_jour .headerpieceVertical {
  text-align: center;
  /*.descro_promodujour p {
  	margin-bottom: 12px;
  	margin-left: 0px;
  	margin-right: 0px;
  	margin-top: 12px;
  	line-height: 16px;
  }*/
}
#suggestion.ligne_blocs_homepage.bloc_en_colonne .promo_du_jour .headerpieceVertical .shortimg, #suggestion.ligne_blocs_homepage.bloc_en_colonne .promo_du_jour .headerpieceVertical .shortcontenu {
  display: block;
  text-align: center;
}
#suggestion.ligne_blocs_homepage.bloc_en_colonne .promo_du_jour .headerpieceVertical .shortimg {
  width: 100%;
}
#suggestion.ligne_blocs_homepage.bloc_en_colonne .promo_du_jour .headerpieceVertical .shorttitle {
  display: block;
  height: 100%;
}
#suggestion.ligne_blocs_homepage.bloc_en_colonne .promo_du_jour .headerpieceVertical .shorttitle h2 {
  padding: 0.5em 0 0.5em 0;
  font-size: 1.5em;
  line-height: 18px;
  text-align: center;
  height: auto;
  background-color: #E3E7EC;
}
#suggestion.ligne_blocs_homepage.bloc_en_colonne .promo_du_jour .headerpieceVertical table.info_prix {
  margin-top: 0;
}
#suggestion.ligne_blocs_homepage.bloc_en_colonne .promo_du_jour .headerpieceVertical table.info_prix .prix_old {
  font-size: 12pt;
  background-image: url("design/barre_big.gif");
}
#suggestion.ligne_blocs_homepage.bloc_en_colonne .promo_du_jour .headerpieceVertical table.info_prix .prix_new {
  font-size: 18pt;
  margin-top: 9pt;
}
#suggestion.ligne_blocs_homepage.bloc_en_colonne .promo_du_jour .headerpieceVertical .pieceinfodescro {
  margin: 5px;
  text-align: left;
  max-height: 312px;
  overflow: hidden;
}
#suggestion.ligne_blocs_homepage.bloc_en_colonne .promo_du_jour .headerpieceVertical .pieceinfodescro .descro_promodujour {
  margin: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #suggestion.ligne_blocs_homepage.bloc_en_colonne .promo_du_jour .headerpieceVertical .pieceinfodescro {
    max-height: 324px;
  }
}
#suggestion.ligne_blocs_homepage.bloc_en_colonne .promo_du_jour .headerpieceVertical .pieceinfodescro, #suggestion.ligne_blocs_homepage.bloc_en_colonne .promo_du_jour .headerpieceVertical x:-moz-any-link {
  max-height: 318px;
}
#suggestion.ligne_blocs_homepage.bloc_en_colonne .promo_du_jour .headerpieceVertical .trois-points:after {
  content: "...";
  bottom: 0px;
  left: 0px;
  position: relative;
}

.suggestion_marque {
  background: url("design/fleche_droit.png") no-repeat top left;
  padding: 0 10px 5px 20px;
  font-weight: bold;
}

.alerte_dispo {
  background: url("design/fleche_droit_blanche.png") no-repeat 0px;
  margin: 0px 10px 20px 10px;
  padding: 5px 0 5px 35px;
  font-weight: bold;
  border-radius: 3px;
  background-color: #00acea;
  text-align: left;
}
.alerte_dispo a:link, .alerte_dispo a:visited, .alerte_dispo a:active {
  color: #FFF;
  text-decoration: none;
}
.alerte_dispo a:hover {
  color: #FFF;
}

#sousmenu.ligne_blocs_homepage .infobox h3 .infobox h3, #suggestion_menu.ligne_blocs_homepage .infobox h3 {
  background: #00acea;
}

#sousmenu.ligne_blocs_homepage .pieceinfo {
  height: 74px;
  border: none;
  /*border: 1px solid #fff;
  &:hover {
  	border: 1px solid $bgColorSelect;
  }*/
}
#sousmenu.ligne_blocs_homepage .pieceinfo .image_categorie {
  padding: 5px 2.5% 5px 2.5%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 40%;
}
#sousmenu.ligne_blocs_homepage .pieceinfo .image_categorie img {
  height: 60px;
}
#sousmenu.ligne_blocs_homepage .pieceinfo .text_categorie {
  display: inline-block;
  vertical-align: middle;
  width: 55%;
}
#sousmenu.ligne_blocs_homepage .pieceinfo .text_categorie h2 {
  color: #696969;
  font-size: 1.2em;
  font-weight: bold;
  letter-spacing: 0;
  text-align: left;
}

.promospeciale img {
  margin-bottom: 5px;
}

.promospeciale_EN {
  font-size: 1.2em;
  font-weight: bold;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 5px;
  border: #ff0000 2px solid;
  color: #ff0000;
  padding: 10px;
}
.promospeciale_EN.small_promo {
  font-size: 1em;
  padding: 5px;
  margin-left: 5px;
  margin-right: 5px;
}

.shortcaddie .promospeciale {
  display: none;
}

.grille .promospeciale {
  display: table-cell;
  padding-left: 10px;
  padding-top: 8px;
}

.promo_FACEBOOK_basket {
  background: url("../../images/bandeaux/promo_facebook_17-11-2016_basket.png") no-repeat;
  background-position: center;
  font-size: 1.2em;
  font-weight: bold;
  min-height: 150px;
  letter-spacing: 0;
  text-align: left;
  margin-bottom: 10px;
}

.promo_KDO_basket {
  background: url("../../images/bandeaux/promo_halloween2025_basket.png") no-repeat;
  min-height: 175px;
  background-position: center;
  font-size: 1.2em;
  font-weight: bold;
  letter-spacing: 0;
  text-align: left;
  margin-bottom: 10px;
}

.promo_KDO_basket_EN {
  font-size: 1.2em;
  font-weight: bold;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 10px;
  border: #ff0000 2px solid;
  color: #ff0000;
  padding: 10px;
}

.promo_KDO_article {
  background: url("../../images/bandeaux/promo_halloween2025_article.png") no-repeat;
  height: 65px;
  width: 225px;
  min-height: 65px;
  font-size: 1.2em;
  vertical-align: bottom;
  letter-spacing: 0;
  text-align: center;
  padding: 0px;
  margin: 0 auto;
}

.promo_palier_oct2018 {
  background: url("../../images/bandeaux/promo_palier_oct2018.png") no-repeat;
  height: 65px;
  font-size: 1.2em;
  display: table-cell;
  vertical-align: bottom;
  letter-spacing: 0;
  text-align: left;
  padding: 0px 0px 0px 0px;
  padding-left: 220px;
}

.promo_palier_dec2021 {
  background: url("../../images/bandeaux/promo_palier_dec2021.png") no-repeat;
  height: 65px;
  font-size: 1.2em;
  display: table-cell;
  vertical-align: bottom;
  letter-spacing: 0;
  text-align: left;
  padding: 0px 0px 0px 0px;
  padding-left: 220px;
}

.promo_palier_basket_ko_oct2018 {
  color: red;
  border: 1px solid red;
  padding: 10px;
  margin-bottom: 10px;
  background-color: #fff;
  font-size: 1.2em;
}
.promo_palier_basket_ko_oct2018 .image {
  background: url("../../images/bandeaux/promo_palier_oct2018.png") no-repeat;
  background-position: center;
  min-height: 65px;
  margin-top: 10px;
}
.promo_palier_basket_ko_oct2018 span {
  font-size: 0.833em;
}

.promo_palier_basket_ko_dec2021 {
  color: red;
  border: 1px solid red;
  padding: 10px;
  margin-bottom: 10px;
  background-color: #fff;
  font-size: 1.2em;
}
.promo_palier_basket_ko_dec2021 .image {
  background: url("../../images/bandeaux/promo_palier_dec2021.png") no-repeat;
  background-position: center;
  min-height: 65px;
  margin-top: 10px;
}
.promo_palier_basket_ko_dec2021 span {
  font-size: 0.833em;
}

.promo_palier_basket_ok_oct2018 {
  color: #00acea;
  border: 1px solid #00acea;
  padding: 10px;
  margin-bottom: 10px;
  background-color: #fff;
  font-size: 1.2em;
}
.promo_palier_basket_ok_oct2018 .image {
  background: url("../../images/bandeaux/promo_palier_oct2018.png") no-repeat;
  background-position: center;
  min-height: 65px;
  margin-top: 10px;
}
.promo_palier_basket_ok_oct2018 span {
  font-size: 0.833em;
}

.promo_palier_basket_ok_dec2021 {
  color: #00acea;
  border: 1px solid #00acea;
  padding: 10px;
  margin-bottom: 10px;
  background-color: #fff;
  font-size: 1.2em;
}
.promo_palier_basket_ok_dec2021 .image {
  background: url("../../images/bandeaux/promo_palier_dec2021.png") no-repeat;
  background-position: center;
  min-height: 65px;
  margin-top: 10px;
}
.promo_palier_basket_ok_dec2021 span {
  font-size: 0.833em;
}

.promo_FDP_basket {
  background: url("../../images/bandeaux/Promo-FDP_basket_17022017.png") no-repeat;
  background-position: center;
  font-size: 1.2em;
  font-weight: bold;
  min-height: 85px;
  letter-spacing: 0;
  text-align: left;
  padding: 15px 5px 0px 5px;
}

.promo_FDP {
  background: url("../../design/promo_fdp.png") no-repeat;
  font-size: 1.2em;
  min-height: 60px;
  letter-spacing: 0;
  text-align: left;
  padding: 5px 5px 5px 5px;
  padding-left: 250px;
}

.promo_FDP_article {
  background: url("../../images/bandeaux/Promo-FDP_article_17022017.png") no-repeat;
  font-size: 1.2em;
  display: table-cell;
  min-height: 65px;
  vertical-align: bottom;
  letter-spacing: 0;
  text-align: left;
  padding: 10px;
  padding-left: 240px;
  margin-left: 10px;
}

.fermeture_pont {
  background-color: #FF8D42;
  color: #fff;
  font-size: 1.1em;
  font-weight: bold;
  letter-spacing: 0;
  text-align: left;
  padding: 5px 5px 5px 5px;
  margin-bottom: 1em;
}

.promoWatercooling {
  font-size: 1.2em;
  font-weight: bold;
  letter-spacing: 0;
  text-align: center;
  padding: 5px 5px 5px 5px;
  margin-top: 1em;
  margin-bottom: 1em;
  border: 2px solid #FF4040;
}

.corner {
  overflow: hidden;
  position: relative;
  left: -100px;
  top: 30px;
  color: white;
  line-height: 2em;
  margin-bottom: -2em;
  font-size: 11pt;
  font-weight: bold;
  letter-spacing: 1px;
  transform: rotate(-45deg);
  text-align: center;
  width: 295px;
}
@media \0 screen {
  .corner {
    left: 0px;
    top: 45px;
    width: 150px;
  }
}
.corner.promo_speciale {
  margin-bottom: -2.1em;
  border: 1px solid #6E91F5;
  background-color: rgba(110, 145, 245, 0.3);
}
.corner.promo_speciale.halloween {
  border: none;
  background-color: rgba(253, 151, 2, 0.33);
}

.piecepopup {
  margin: 0;
  padding: 0;
  width: 700px;
  max-height: 450px;
  overflow: hidden;
  border: 0px;
}
.piecepopup .pieceinfoimg {
  margin-top: 3px;
  vertical-align: top;
  width: 300px;
  font-weight: normal;
  text-align: center;
}
.piecepopup .pieceinfoimg img {
  border: none;
  max-height: 200px;
  max-width: 300px;
}
.piecepopup .pieceinfodescro {
  width: 400px;
  max-height: 450px;
  overflow: hidden;
}

.piecepopupV2 {
  margin: 0;
  padding: 0;
  width: 700px;
  overflow: hidden;
  border: 0px;
}
.piecepopupV2 .pieceinfoprix {
  margin-top: 3px;
  vertical-align: middle;
  width: 250px;
  font-weight: normal;
  text-align: center;
}
.piecepopupV2 .pieceinfoprix .dispo_et_prix .info_prix {
  padding-top: 10px;
}
.piecepopupV2 .pieceinfoprix .dispo_et_prix .info_prix td {
  border: 0;
  vertical-align: middle;
  padding: 0px 5px 0px 5px;
}
.piecepopupV2 .pieceinfoimg {
  margin-top: 3px;
  vertical-align: top;
  width: 500px;
  font-weight: normal;
  text-align: center;
}
.piecepopupV2 .pieceinfoimg img {
  border: none;
  max-height: 200px;
  max-width: 500px;
}
.piecepopupV2 .pieceinfodescro {
  width: auto;
  min-height: 3em;
  max-height: 16.8em;
  line-height: 1.2em;
  padding-top: 0;
  padding-bottom: 1em;
  padding-right: 1em;
  padding-left: 1em;
  /*p {
  	margin-top: 1.2em;
  	margin-bottom: 1.2em;
  }*/
}
.piecepopupV2 .pieceinfodescro:after {
  content: "";
  height: 22px;
  bottom: 1em;
  left: 0px;
  width: 700px;
  background: url("design/grad_aw-dlg.png") repeat-x;
  position: absolute;
}

.bloc_left_home {
  float: left;
  width: 48%;
  margin: 0;
}

.bloc_trois_home {
  float: left;
  width: 32%;
  margin: 0 0 0 2%;
  padding-bottom: 5px;
}

.bloc_quatre_home {
  float: left;
  width: 24.4%;
  margin: 0 0.3% 0 0.3%;
  padding-bottom: 5px;
  box-sizing: border-box;
}

.bloc_cinq_home {
  float: left;
  width: 19.4%;
  margin: 0 0.3% 0 0.3%;
  padding-bottom: 5px;
  box-sizing: border-box;
}
.bloc_cinq_home .headerpieceVertical .descro_promodujour {
  display: none;
}

.bloc_colonne {
  width: 100%;
  margin: 0;
  padding-bottom: 5px;
  box-sizing: border-box;
}

.bloc_first {
  margin: 0;
}

.bloc_last {
  float: right;
  margin: 0;
}

.bloc_sept_home {
  float: left;
  width: 13%;
  margin: 2px 2px 2px 2px;
  text-align: center;
}

.bloc_right_home {
  width: 48%;
  float: right;
  margin: 0 auto;
}

.row_module_index .sous_titre_module {
  color: #848484;
  font-size: 0.85em;
  margin: 2px 2px 5px 2px;
}

.ligne_blocs_homepage, #full_basket {
  overflow: hidden;
  height: 100%;
  margin-top: 15px;
}

#footer {
  margin-top: 60px;
  clear: both;
  overflow: hidden;
  background: #2E3448;
  padding-top: 0;
}
#footer .footer_row {
  display: block;
  width: 1000px;
  margin: 20px auto 20px auto;
  border-bottom: 1px solid #888;
}
#footer .footer_row ul {
  display: block;
  margin: auto;
  padding: 0;
}
#footer .footer_row ul li {
  list-style-type: none;
  color: white;
  font-size: 1.1em;
  display: block;
  float: left;
  line-height: 16px;
}
#footer .footer_row ul li a {
  color: #fff;
  line-height: 22px;
}
#footer .footer_row ul li a:hover {
  color: #00acea;
}
#footer #footer_row1 {
  height: 50px;
}
#footer #footer_row1 ul li {
  width: 160px;
  margin-left: 30px;
  margin-right: 170px;
  position: relative;
}
#footer #footer_row1 ul li#cadenas:before {
  width: 25px;
  height: 32px;
  left: -30px;
  background: url("design/footer_cadenas.png") no-repeat;
  background-position: 0px 0px;
  content: "";
  position: absolute;
}
#footer #footer_row1 ul li#cadenas div {
  margin-top: 8px;
}
#footer #footer_row1 ul li#debit_cb:before {
  width: 46px;
  height: 32px;
  left: -50px;
  background: url("design/footer_cadenas.png") no-repeat;
  background-position: -28px 0px;
  content: "";
  position: absolute;
}
#footer #footer_row1 ul li#debit_cb div {
  margin-top: 8px;
}
#footer #footer_row1 ul li#camion {
  margin-left: 60px;
  margin-right: 0px;
}
#footer #footer_row1 ul li#camion:before {
  width: 57px;
  height: 32px;
  left: -60px;
  background: url("design/footer_cadenas.png") no-repeat;
  background-position: -80px 0px;
  content: "";
  position: absolute;
}
#footer #footer_row1 ul li#camion div {
  margin-top: 8px;
}
#footer .footer_row#footer_row2 {
  height: 140px;
}
#footer .footer_row#footer_row2 ul li#mode_paiement {
  margin-right: 50px;
  margin-left: 0px;
  width: 233px;
}
#footer .footer_row#footer_row2 ul li#mode_paiement:before {
  width: 25px;
  height: 32px;
  background: url("design/footer_cadenas.png") no-repeat;
  background-position: 0px 0px;
  content: "";
  position: absolute;
}
#footer .footer_row#footer_row2 ul li#mode_paiement a {
  margin-left: 30px;
}
#footer .footer_row#footer_row2 ul li#mode_paiement div {
  display: inline-block;
  margin-top: 5px;
}
#footer .footer_row#footer_row2 ul li#mode_paiement img {
  margin-top: 10px;
}
#footer .footer_row#footer_row2 ul li#contact {
  margin-right: 50px;
  margin-left: 50px;
  text-align: center;
  width: 305px;
}
#footer .footer_row#footer_row2 ul li#contact a {
  background: #899DA4;
  padding: 8px 30px 8px 30px;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  line-height: 60px;
}
#footer .footer_row#footer_row2 ul li#contact a:hover {
  background: #75b100;
}
#footer .footer_row#footer_row2 ul li#mode_livraison {
  margin-right: 0px;
  margin-left: 50px;
  width: 211px;
}
#footer .footer_row#footer_row2 ul li#mode_livraison:before {
  width: 57px;
  height: 32px;
  background: url("design/footer_cadenas.png") no-repeat;
  background-position: -80px 0px;
  content: "";
  position: absolute;
}
#footer .footer_row#footer_row2 ul li#mode_livraison a {
  margin-left: 60px;
}
#footer .footer_row#footer_row2 ul li#mode_livraison div {
  display: inline-block;
  margin-top: 5px;
}
#footer .footer_row#footer_row2 ul li#mode_livraison img {
  margin-top: 10px;
}
#footer .footer_row#footer_row3 {
  height: 100px;
}
#footer .footer_row#footer_row3 ul {
  float: left;
}
#footer .footer_row#footer_row3 ul li {
  margin-left: 0px;
  margin-right: 20px;
  float: none;
}
#footer .footer_row#footer_row3 input[type=text] {
  padding: 0;
  margin-top: 5px;
}
#footer .footer_row#footer_row3 input[type=submit] {
  padding: 2px 5px 2px 5px;
  border: 0px solid;
}
#footer .footer_row#footer_row3 input[type=submit]:hover {
  background: #75b100;
}
#footer .footer_row#footer_row3 #footer_col1 {
  width: 250px;
}
#footer .footer_row#footer_row3 #footer_col2 {
  width: 200px;
}
#footer .footer_row#footer_row3 #footer_col3 {
  width: 300px;
}
#footer .footer_row#creditdoc {
  border-bottom: none;
  color: #fff;
  text-align: left;
  line-height: 20px;
  font-size: 0.95em;
}
#footer .footer_row#creditdoc a {
  color: #fff;
}
#footer .footer_row#creditdoc a:hover {
  color: #00acea;
}
#footer #footer_AVIS {
  padding-top: 10px;
  padding-bottom: 1px;
  padding-left: 10px;
  background-color: white;
}
#footer div.navMobile {
  display: none;
}
#footer ul.navMobile {
  display: none;
}

.TNTInfoPersonneHeader2 {
  display: none;
}

.headerpieceVertical {
  height: 280px;
  display: block;
  margin-top: 0px;
  width: 100%;
  text-align: center;
}
.headerpieceVertical .shorttitle {
  display: block;
}
.headerpieceVertical .shorttitle h2 {
  height: 74px;
  margin: 0px 5px 0px 5px;
  padding: 0;
  background: none;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  line-height: 16px;
  overflow: hidden;
}
.headerpieceVertical .shorttitle h2 .marque {
  font-size: 1.1em;
}
.headerpieceVertical .shorttitle h2 .nom_piece {
  font-weight: normal;
}
.headerpieceVertical .shorttitle h2:hover {
  color: #00acea;
}
.headerpieceVertical .shortcaddie {
  display: table;
  display: inline-block\9 ;
  vertical-align: bottom;
  width: 100%;
}
.headerpieceVertical .shortcaddie .info_prix {
  width: auto;
  padding: 0 5px 0 5px;
}
.headerpieceVertical .caddie_big {
  display: none;
}

#formcompte .form-field {
  clear: none;
}
#formcompte span#societe_liv, #formcompte span#societe_fact {
  font-size: 0.8em;
}
#formcompte .civilite_liv label, #formcompte .prenom_liv label, #formcompte .adresse1_liv label, #formcompte .code_postal_liv label, #formcompte .tel_liv label {
  font-weight: bold;
}
#formcompte .civilite label, #formcompte .prenom label, #formcompte .adresse1 label, #formcompte .code_postal label, #formcompte .telephone label, #formcompte .portable label {
  font-weight: bold;
}
#formcompte .email label, #formcompte .pays label, #formcompte .newpwd label, #formcompte .confirmpwd label {
  font-weight: bold;
}
#formcompte .abo_newsletter p#p_abo_newsletter {
  display: table;
  background-color: #00acea;
  color: white;
  font-weight: bold;
  padding: 10px;
}
#formcompte .abo_newsletter input#abo_newsletter {
  display: table-cell;
  margin: 0;
  width: 20px;
  height: 20px;
}
#formcompte .abo_newsletter span#texte_abo_newsletter {
  display: table-cell;
  padding-left: 20px;
  vertical-align: middle;
}
#formcompte p#p_creation {
  font-size: 1.2em;
  margin-top: 0;
}
#formcompte p#p_creation a:link, #formcompte p#p_creation a:visited, #formcompte p#p_creation a:active {
  color: #00acea;
  text-decoration: none;
}
#formcompte p#p_creation a:hover {
  color: #00acea;
}

#formconnection .form-field {
  clear: none;
}
#formconnection p#p_identification {
  font-size: 1.2em;
}
#formconnection p#p_identification a:link, #formconnection p#p_identification a:visited, #formconnection p#p_identification a:active {
  color: #00acea;
  text-decoration: none;
}
#formconnection p#p_identification a:hover {
  color: #00acea;
}

#facturation span#societe_liv, #facturation span#societe_fact, .recap_mesadresses span#societe_liv, .recap_mesadresses span#societe_fact {
  display: none;
}

#facturation, #livraison, #livraison1, #livraison2, #livraison3, #formcompte, #formconnection {
  margin: 10px;
}
#facturation [type=checkbox], #facturation [type=radio], #livraison [type=checkbox], #livraison [type=radio], #livraison1 [type=checkbox], #livraison1 [type=radio], #livraison2 [type=checkbox], #livraison2 [type=radio], #livraison3 [type=checkbox], #livraison3 [type=radio], #formcompte [type=checkbox], #formcompte [type=radio], #formconnection [type=checkbox], #formconnection [type=radio] {
  margin-top: 5px;
}

#instruction {
  margin: 0 10px 10px 10px;
}

#form_instruction {
  margin: 0 50px 10px 10px;
}
#form_instruction #panier_divers {
  width: 100%;
}

#confirm_adresse #logo_transport {
  position: absolute;
  margin: 10px;
  border: none;
}
#confirm_adresse #message_verif {
  margin-bottom: 10px;
  padding-left: 170px;
}
#confirm_adresse span#societe_liv {
  display: none;
}

.panier_facturation, .panier_livraison {
  display: inline-block;
  width: 47%;
  *display: block;
  *position: relative;
}

.panier_facturation {
  margin-left: 5%;
}

.panier_livraison {
  vertical-align: top;
  *margin-left: 47%;
  *margin-top: -265px;
}

.recap_mesadresses {
  display: inline-block;
  margin: 0;
  width: 100%;
}
.recap_mesadresses .form-field.comment {
  display: none;
}
.recap_mesadresses .form-field label {
  width: 200px;
}
.recap_mesadresses #facturation, .recap_mesadresses #livraison, .recap_mesadresses #livraison1, .recap_mesadresses #livraison2, .recap_mesadresses #livraison3 {
  border-bottom: 1px solid #d9d9d9;
}
.recap_mesadresses #bloc_input_form {
  font-size: 1.15em;
}
.recap_mesadresses #bloc_input_form label {
  font-size: 0.9em;
}
.recap_mesadresses #bloc_input_form, .recap_mesadresses #bloc_submit_form {
  display: table-cell;
  width: 100%;
}
.recap_mesadresses .delButton a {
  background: url("design/corbeille.png") no-repeat 0px 0px;
  background-size: 20px;
  color: gray;
  padding-left: 30px;
  padding-top: 5px;
}
.recap_mesadresses .editButton a {
  background: url("design/crayon.png") no-repeat 0px 0px;
  background-size: 20px;
  color: gray;
  padding-left: 30px;
  padding-top: 5px;
}

#mes-adresses #adresse-livraison-liv1 .form-field, #mes-adresses #adresse-livraison-liv2 .form-field, #mes-adresses #adresse-livraison-liv3 .form-field {
  width: auto;
}
#mes-adresses #adresse-livraison-liv1 .civilite_liv, #mes-adresses #adresse-livraison-liv1 .prenom_liv, #mes-adresses #adresse-livraison-liv2 .civilite_liv, #mes-adresses #adresse-livraison-liv2 .prenom_liv, #mes-adresses #adresse-livraison-liv3 .civilite_liv, #mes-adresses #adresse-livraison-liv3 .prenom_liv {
  display: inline-block;
}
#mes-adresses #adresse-livraison-liv1 .prenom_liv, #mes-adresses #adresse-livraison-liv2 .prenom_liv, #mes-adresses #adresse-livraison-liv3 .prenom_liv {
  margin-left: 5px;
}
#mes-adresses #adresse-livraison-liv1 .container, #mes-adresses #adresse-livraison-liv2 .container, #mes-adresses #adresse-livraison-liv3 .container {
  width: 100%;
}

#recap {
  text-align: left;
  margin-bottom: 5px;
  margin-left: 10px;
}
#recap table {
  width: auto;
  margin-top: -4px;
  margin-right: 15px;
}
#recap table input[type=checkbox] {
  margin: 2px 2px 2px 0px;
}
#recap h4 {
  margin: 10px 0px 10px 0px;
}
#recap .montant {
  font-size: 1.1em;
}
#recap .total {
  font-size: 1.1em;
  font-weight: bold;
  padding-top: 20px;
}
#recap .total #totalTTC {
  white-space: nowrap;
  color: #4c4c4c;
  padding-left: 20px;
  font-size: 1.3em;
}

#recap_total {
  text-align: center;
  margin: 0px 5px;
}
#recap_total tr, #recap_total h4 {
  display: none;
}
#recap_total table {
  margin-left: auto;
  margin-right: auto;
}
#recap_total tr.total {
  display: block;
  font-size: 1.2em;
}

#conditions_ventes {
  text-align: center;
  margin: 10px 5px 5px 5px;
}

#reglement .newbutton a {
  font-size: 1em;
}
#reglement .newbutton#reglement_3 a, #reglement .newbutton#reglement_7 a {
  padding-left: 70px;
  padding-right: 40px;
}
#reglement .newbutton#reglement_5 a {
  padding-left: 55px;
  padding-right: 30px;
}
#reglement .newbutton#reglement_6 a {
  padding-left: 90px;
  padding-right: 70px;
}
#reglement .newbutton#reglement_1 a {
  padding-left: 90px;
  padding-right: 65px;
}

.compteinfo {
  margin-right: 190px;
  margin-left: 20px;
  margin-top: 0px;
}
.compteinfo h4 {
  margin-top: 10px;
  margin-left: 10px;
}

#mes-commandes a:link, #mes-commandes a:visited, #mes-commandes a:active, #mes-paniers a:link, #mes-paniers a:visited, #mes-paniers a:active, #sav a:link, #sav a:visited, #sav a:active {
  color: #00acea;
  text-decoration: none;
}
#mes-commandes a:hover, #mes-paniers a:hover, #sav a:hover {
  color: #00acea;
}
#mes-commandes .button a:link, #mes-commandes .button a:visited, #mes-commandes .button a:active, #mes-paniers .button a:link, #mes-paniers .button a:visited, #mes-paniers .button a:active, #sav .button a:link, #sav .button a:visited, #sav .button a:active {
  color: #fff;
  text-decoration: none;
}
#mes-commandes .button a:hover, #mes-paniers .button a:hover, #sav .button a:hover {
  color: #fff;
}
#mes-commandes select, #mes-paniers select, #sav select {
  font-size: 0.8em;
  margin-left: 10px;
  background-color: lightgray;
  border: none;
}

#mes-commandes #commandes_en_cours .delButton a {
  background: url("design/corbeille.png") no-repeat 0px 0px;
  background-size: 20px;
  color: gray;
  padding-left: 30px;
  padding-top: 5px;
}

#mes-commandes.compteinfo, #mes-paniers.compteinfo, #mes-adresses.compteinfo {
  margin-right: 0px;
}

#encours, #commandes, #sauvegarde, #public, #sav {
  margin-right: 0px;
}
#encours h2, #commandes h2, #sauvegarde h2, #public h2, #sav h2 {
  margin-left: 10px;
}

#mes-paniers .listeCommande .listeCommande_transporteur, #mes-paniers .listeCommande .listeCommande_reglement, #sav .listeCommande .listeCommande_transporteur, #sav .listeCommande .listeCommande_reglement {
  display: none;
}

#cmde_en_cours, #cmde_expediee {
  margin-right: 50px;
}

#cmde_expediee_adresse .titre_form, #cmde_en_cours_adresse .titre_form {
  margin-top: 0px;
}
#cmde_expediee_adresse h4, #cmde_en_cours_adresse h4 {
  margin-left: 0px;
}

.clear_both {
  clear: both;
}

.compteinfo .clear_both {
  clear: initial;
  display: inline-block;
  margin-top: 30px;
  width: 100%;
}

.plan {
  width: 100%;
  max-width: 1249px;
}

.tri {
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 5px 0 5px 0;
  background: #899DA4;
  border: none;
}
.tri #liste_pieces_filtre_titre {
  display: table;
  width: 100%;
  vertical-align: middle;
  padding: 10px 10px 10px 10px;
}
.tri #liste_filtre {
  display: block;
}
.tri .attribut_nobr {
  display: inline-block;
  margin-left: 10px;
}
.tri .hide_attribut {
  display: none;
}

.nb_article {
  margin-top: 3px;
  margin-bottom: 10px;
  background: #899DA4;
  border: none;
  width: 100%;
  display: table;
  padding: 5px 0 5px 0;
}

#liste_pieces_count, #liste_pieces_reload {
  color: #FFF;
  padding-left: 35px;
  font-size: 1.4em;
  font-weight: 100;
  background-repeat: no-repeat;
  background-position: 10px 6px;
  margin: 0px 0px 0px 0px;
  background-image: url("design/fleche_droite.png");
  background-size: 24px 24px;
  display: table-cell;
  min-width: 138px;
}

#liste_pieces_reload {
  background-image: url("design/loading.gif");
  background-image: url("design/loading24x24.gif") \9 ;
  background-size: 24px 24px;
}

#loading_piece {
  text-align: center;
}
#loading_piece span {
  font-size: 1.1em;
  text-align: center;
  font-weight: bold;
  line-height: 3em;
  background: url("design/loading.gif") no-repeat 0px 50%;
  padding: 10px 0px 10px 50px;
}

#choix_tri, #filtre_marque, .filtre_attribut, #filtre_sous_categorie {
  color: #4c4c4c;
  font-size: 1.1em;
  border: 1px solid #fff;
  margin: 4px 0px 4px 0px;
  padding: 4px 4px 4px 4px;
  cursor: pointer;
}

#filtre_marque, .filtre_attribut, #filtre_sous_categorie {
  width: 100%;
  max-width: 180px;
  min-width: 180px;
}

#liste_pieces_filtre_titre, #liste_pieces_tri, #liste_pieces_filtre_marque, .liste_pieces_filtre_attribut, #liste_pieces_filtre_sous_categorie {
  max-height: 24px;
  margin: -2px 0px 0px 0px;
}
#liste_pieces_filtre_titre label, #liste_pieces_tri label, #liste_pieces_filtre_marque label, .liste_pieces_filtre_attribut label, #liste_pieces_filtre_sous_categorie label {
  color: #FFF;
  font-size: 1.2em;
  font-weight: 100;
  padding-right: 0px;
  margin-right: 5px;
  padding-top: 0px;
  overflow: hidden;
}

#liste_pieces_enstock, #liste_pieces_tri, #liste_mode_affichage {
  display: table-cell;
  width: 100%;
  white-space: nowrap;
  padding: 0px 10px 0px 10px;
  border-left: 1px solid #FFF;
  max-height: 24px;
  margin: -2px 0px 0px 0px;
}
#liste_pieces_enstock input[type=checkbox], #liste_pieces_tri input[type=checkbox], #liste_mode_affichage input[type=checkbox] {
  margin-right: 5px;
  cursor: pointer;
}
#liste_pieces_enstock label, #liste_pieces_tri label, #liste_mode_affichage label {
  color: #FFF;
  font-size: 1.2em;
  font-weight: 100;
  padding-right: 0px;
  margin-right: 5px;
  padding-top: 0px;
  overflow: hidden;
}
#liste_pieces_enstock label#enstock, #liste_pieces_tri label#enstock, #liste_mode_affichage label#enstock {
  margin-right: 15px;
}
#liste_pieces_enstock span#affichage_grille, #liste_pieces_enstock span#affichage_liste, #liste_pieces_tri span#affichage_grille, #liste_pieces_tri span#affichage_liste, #liste_mode_affichage span#affichage_grille, #liste_mode_affichage span#affichage_liste {
  margin-right: 15px;
}
#liste_pieces_enstock span#affichage_grille img, #liste_pieces_enstock span#affichage_liste img, #liste_pieces_tri span#affichage_grille img, #liste_pieces_tri span#affichage_liste img, #liste_mode_affichage span#affichage_grille img, #liste_mode_affichage span#affichage_liste img {
  cursor: pointer;
}

#liste_pieces.liste span#affichage_liste img {
  cursor: default;
}
#liste_pieces.liste .block_skeepers {
  margin-top: 10px;
  height: 36px;
}

#liste_pieces.grille span#affichage_grille img {
  cursor: default;
}
#liste_pieces.grille .block_skeepers {
  margin-top: 0px;
  margin-bottom: -20px;
  height: 36px;
}

#liste_pieces_filtre_titre {
  border-left: none;
}
#liste_pieces_filtre_titre label {
  font-weight: bold;
}

.virement td, .virement th {
  text-align: center;
}

.confirmation_cmde {
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#dlg_img_full {
  position: relative;
  height: 100%;
}
#dlg_img_full .footer_img {
  height: auto;
}
#dlg_img_full .titre_photo {
  text-align: center;
  line-height: 28px;
  color: gray;
}
#dlg_img_full .nb_photo {
  position: absolute;
  line-height: 18px;
  color: gray;
  left: 100px;
  bottom: 5px;
}
#dlg_img_full .next, #dlg_img_full .previous {
  position: absolute;
  bottom: 0px;
  left: 20px;
  width: 30px;
  height: 30px;
}
#dlg_img_full .next img, #dlg_img_full .previous img {
  opacity: 0.6;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  right: auto;
  margin: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
#dlg_img_full .next:hover, #dlg_img_full .next:focus, #dlg_img_full .previous:hover, #dlg_img_full .previous:focus {
  cursor: pointer;
}
#dlg_img_full .next:hover img, #dlg_img_full .next:focus img, #dlg_img_full .previous:hover img, #dlg_img_full .previous:focus img {
  opacity: 1;
}
#dlg_img_full .next {
  left: 50px;
}
#dlg_img_full .next img {
  left: auto;
  right: 10px;
}
#dlg_img_full .slider_item {
  position: relative;
  float: none;
  text-align: center;
}
#dlg_img_full #slider_item0, #dlg_img_full #slider_item2 {
  display: none;
}
#dlg_img_full #image_full, #dlg_img_full #image_full_next, #dlg_img_full #image_full_previous {
  max-width: 100%;
  max-height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.btn-back-to-top {
  display: none;
}

.openSearch {
  overflow: hidden;
}
.openSearch #user:hover, .openSearch #user.focused {
  overflow: hidden;
}
.openSearch #user:hover .list_user, .openSearch #user.focused .list_user {
  display: none;
}

#findlist, #findlist_mobile {
  border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border: 1px solid #d9d9d9;
  border-top: none;
  background: #fff;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  display: none;
  position: fixed;
  top: 80px;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100% !important;
  z-index: 500;
  /*.searchitem {
  	color: #2677C9;
  }*/
}
#findlist h3, #findlist_mobile h3 {
  font-size: 1.4em;
}
#findlist h3 .marque, #findlist_mobile h3 .marque {
  font-size: 1.1em;
}
#findlist a.search_link, #findlist_mobile a.search_link {
  color: #444;
}
#findlist a.search_link:hover, #findlist_mobile a.search_link:hover {
  color: #00acea;
  text-decoration: none;
}
#findlist .button_search_all, #findlist_mobile .button_search_all {
  background: url("design/fleche_droit.png") no-repeat 0px 3px;
}
#findlist .button_search_all a#search_all_link, #findlist_mobile .button_search_all a#search_all_link {
  margin-left: 20px;
  font-weight: 400;
}
#findlist .button_search_all a#search_all_link:hover, #findlist_mobile .button_search_all a#search_all_link:hover {
  color: #00acea;
  text-decoration: none;
}
#findlist div#searchtable, #findlist_mobile div#searchtable {
  display: table;
  width: 100%;
  margin: 0;
}
#findlist div.searchcol, #findlist_mobile div.searchcol {
  display: table-cell;
  overflow: hidden;
  position: relative;
}
#findlist div.searchcol.hideitem, #findlist_mobile div.searchcol.hideitem {
  display: none;
}
#findlist div#searchcol_filtre, #findlist_mobile div#searchcol_filtre {
  width: 400px;
  max-width: 400px;
}
#findlist div#searchcol_filtre div.search_list, #findlist_mobile div#searchcol_filtre div.search_list {
  overflow: auto;
  max-height: 85vh;
  text-align: left;
}
#findlist div#searchcol_produit, #findlist_mobile div#searchcol_produit {
  width: auto;
}
#findlist div#searchcol_produit div.search_list, #findlist_mobile div#searchcol_produit div.search_list {
  overflow: auto;
  max-height: 85vh;
  text-align: left;
}
#findlist div.searchcol_titre, #findlist_mobile div.searchcol_titre {
  color: #373737;
  font-size: 16px;
  font-weight: 600;
  padding: 10px;
  text-align: left;
}
#findlist div.searchcol_titre#searchcol_col1, #findlist_mobile div.searchcol_titre#searchcol_col1 {
  background: url("design/fleche_bas.png") no-repeat 160px 8px;
}
#findlist div.searchcol_titre #search_zero, #findlist_mobile div.searchcol_titre #search_zero {
  font-weight: 400;
}
#findlist div.searchcol_titre #search_resnumber, #findlist_mobile div.searchcol_titre #search_resnumber {
  margin: 0 10px 10px 0;
  display: inline-block;
}
#findlist div.pieceinfo_prix .prix_new, #findlist_mobile div.pieceinfo_prix .prix_new {
  padding-left: 10px;
}
#findlist div.pieceinfo_prix .taux_remise, #findlist_mobile div.pieceinfo_prix .taux_remise {
  padding-left: 10px;
  background-color: red;
  color: white;
  font-weight: bold;
  font-size: 14pt;
  margin: 10px;
  padding: 0 10px;
}
#findlist a#searchclose, #findlist_mobile a#searchclose {
  float: right;
  color: #373737;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  margin-top: -2px;
}
#findlist a#searchclose .icon-close, #findlist_mobile a#searchclose .icon-close {
  background: url(design/close.png) no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 10px;
}
#findlist div.search_list, #findlist_mobile div.search_list {
  margin-right: 10px;
}
#findlist div.searchcol_itemmarque, #findlist_mobile div.searchcol_itemmarque {
  text-align: left;
  padding: 5px;
}
#findlist div.searchcol_itemmarque input, #findlist_mobile div.searchcol_itemmarque input {
  margin: 0 10px 0 5px;
}
#findlist div.searchcol_itemmarque .searchcol_nommarque, #findlist_mobile div.searchcol_itemmarque .searchcol_nommarque {
  font-size: 14px;
}
#findlist div.searchcol_itemmarque .searchcol_nbmarque, #findlist_mobile div.searchcol_itemmarque .searchcol_nbmarque {
  font-size: 14px;
  float: right;
}
#findlist .searchcol_itemvoirplus, #findlist .searchcol_itemvoirmoins, #findlist_mobile .searchcol_itemvoirplus, #findlist_mobile .searchcol_itemvoirmoins {
  text-align: center;
  padding: 5px;
  background: none;
  color: #000;
  font-weight: 400;
  width: 100%;
}
#findlist .searchcol_itemvoirplus::after, #findlist .searchcol_itemvoirmoins::after, #findlist_mobile .searchcol_itemvoirplus::after, #findlist_mobile .searchcol_itemvoirmoins::after {
  flex: 0 0 auto;
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" height="16px" width="16px"><path d="M24 30.75 12 18.75 14.15 16.6 24 26.5 33.85 16.65 36 18.8Z"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  transform: rotate(0deg);
  transition: transform 0.125s ease-out;
  margin-left: 4px;
}
#findlist .searchcol_itemvoirplus span, #findlist .searchcol_itemvoirmoins span, #findlist_mobile .searchcol_itemvoirplus span, #findlist_mobile .searchcol_itemvoirmoins span {
  vertical-align: super;
}
#findlist .searchcol_itemvoirmoins::after, #findlist_mobile .searchcol_itemvoirmoins::after {
  transform: rotate(-180deg);
}
#findlist ul#searchlist, #findlist_mobile ul#searchlist {
  list-style-type: none;
  font-size: 11pt;
  padding: 0;
  margin: 0 5px 0 5px;
  overflow: auto;
  max-height: 80vh;
}
#findlist ul#searchlist li, #findlist_mobile ul#searchlist li {
  margin-top: 0;
  padding: 0px;
  height: 90px;
  width: 100%;
}
#findlist ul#searchlist li .sphinx_row, #findlist_mobile ul#searchlist li .sphinx_row {
  display: table;
  width: 100%;
}
#findlist ul#searchlist li img, #findlist_mobile ul#searchlist li img {
  width: 80px;
  display: table-cell;
}
#findlist ul#searchlist li .sphinx_name, #findlist_mobile ul#searchlist li .sphinx_name {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  width: 100%;
  padding-left: 10px;
}
#findlist ul#searchlist li:first-child, #findlist_mobile ul#searchlist li:first-child {
  margin: 0;
  padding: 0;
}

#iframe_socolissimo {
  height: 750px;
  margin: 0;
  border: none;
}

#iframe_tnt {
  height: 800px;
}

#iframe_MR {
  height: 580px;
}

#sku .social-network {
  display: inline-block;
}

.social-network {
  position: absolute;
  top: 160px;
  right: 10px;
}

.panier .social-network {
  position: absolute;
  top: 138px;
  right: 10px;
}

.fb-like {
  margin-bottom: 5px;
}

fieldset.pieceinfo {
  margin-top: 12px;
}
fieldset.pieceinfo legend {
  display: inline-block;
  margin-left: -10px;
  margin-bottom: 10px;
  min-width: 200px;
}

#planacces legend {
  display: none;
}

#bug input[type=submit], #contact input[type=submit], #demande_sav input[type=submit] {
  padding: 10px;
  border: 0px solid;
}

.mode_paiement {
  float: none;
  display: table-cell;
  margin: 10px;
  padding-left: 50px;
}
.mode_paiement h4 {
  display: none;
}
.mode_paiement.descro {
  vertical-align: top;
}

#choix_reglement, #choix_transport {
  padding-bottom: 10px;
}
#choix_reglement .tableReglement, #choix_reglement .tableTransport, #choix_transport .tableReglement, #choix_transport .tableTransport {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
  padding-bottom: 20px;
}
#choix_reglement .ligneTransport, #choix_transport .ligneTransport {
  display: table;
}
#choix_reglement .cellReglement, #choix_reglement .cellTransport, #choix_transport .cellReglement, #choix_transport .cellTransport {
  border: 1px solid rgb(137, 157, 164);
  flex-basis: 100%;
  flex-grow: 1;
  margin: 0 5px;
  text-align: center !important;
  cursor: pointer;
}
#choix_reglement .cellReglement.selected, #choix_reglement .cellTransport.selected, #choix_transport .cellReglement.selected, #choix_transport .cellTransport.selected {
  border: 2px solid #00acea;
}
#choix_reglement .imgReglement, #choix_reglement .imgTransport, #choix_transport .imgReglement, #choix_transport .imgTransport {
  margin: 10px;
  height: 50px;
  line-height: 50px;
}
#choix_reglement .imgTransport, #choix_transport .imgTransport {
  margin: 0px;
  height: 90px;
  line-height: 90px;
}
#choix_reglement .titreReglement, #choix_reglement .titreTransport, #choix_transport .titreReglement, #choix_transport .titreTransport {
  font-weight: bold;
  font-size: 1.2em;
  color: #4c4c4c;
  margin: 0;
}
#choix_reglement .titreColonneTransport, #choix_transport .titreColonneTransport {
  font-weight: bold;
  font-size: 1.2em;
  color: #fff;
  background: #899DA4;
  padding: 5px;
}
#choix_reglement .cocheTransport, #choix_reglement .imgTransport, #choix_reglement .descroTransport, #choix_reglement .prixTransport, #choix_transport .cocheTransport, #choix_transport .imgTransport, #choix_transport .descroTransport, #choix_transport .prixTransport {
  display: table-cell;
  margin: 0px;
}
#choix_reglement .descroTransport, #choix_transport .descroTransport {
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  width: 100%;
}
#choix_reglement .prixTransport, #choix_transport .prixTransport {
  font-weight: bold;
  min-width: 50px;
  padding-right: 10px;
}
#choix_reglement .cocheTransport, #choix_transport .cocheTransport {
  padding-left: 10px;
  padding-right: 25px;
}
#choix_reglement .cocheReglement, #choix_reglement .cocheTransport, #choix_transport .cocheReglement, #choix_transport .cocheTransport {
  min-height: 40px;
}
#choix_reglement .cocheReglement input, #choix_reglement .cocheTransport input, #choix_transport .cocheReglement input, #choix_transport .cocheTransport input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
#choix_reglement .cocheReglement label, #choix_reglement .cocheTransport label, #choix_transport .cocheReglement label, #choix_transport .cocheTransport label {
  display: inline-block;
  position: relative;
  margin: 10px 10px 10px 0px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
#choix_reglement .cocheReglement label:before, #choix_reglement .cocheTransport label:before, #choix_transport .cocheReglement label:before, #choix_transport .cocheTransport label:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  display: inline-block;
  background-color: white;
  border: 1px solid rgb(137, 157, 164);
  border-radius: 50%;
}
#choix_reglement .cocheReglement input:checked ~ label:after, #choix_reglement .cocheTransport input:checked ~ label:after, #choix_transport .cocheReglement input:checked ~ label:after, #choix_transport .cocheTransport input:checked ~ label:after {
  content: "";
  width: 12px;
  height: 12px;
  top: 5px;
  left: 5px;
  position: absolute;
  display: inline-block;
  border-radius: 50%;
  background: #00acea;
  opacity: 1;
}
#choix_reglement #div_btn_paiement, #choix_transport #div_btn_paiement {
  padding-bottom: 10px;
}
#choix_reglement #btn_reglement_CB, #choix_reglement #btn_reglement_COFIDIS, #choix_reglement #btn_reglement_VIREMENT, #choix_reglement #btn_reglement_PAYPAL, #choix_transport #btn_reglement_CB, #choix_transport #btn_reglement_COFIDIS, #choix_transport #btn_reglement_VIREMENT, #choix_transport #btn_reglement_PAYPAL {
  width: 280px;
}
#choix_reglement #btn_reglement_CB a, #choix_reglement #btn_reglement_COFIDIS a, #choix_transport #btn_reglement_CB a, #choix_transport #btn_reglement_COFIDIS a {
  padding-left: 72px;
  padding-right: 32px;
}
#choix_reglement .newbutton#btn_reglement_PAYPAL a, #choix_transport .newbutton#btn_reglement_PAYPAL a {
  padding-left: 100px;
  padding-right: 60px;
}
#choix_reglement .infoReglement, #choix_reglement .infoTransport, #choix_transport .infoReglement, #choix_transport .infoTransport {
  border: 1px solid rgb(137, 157, 164);
  margin: 0px 5px 10px 5px;
  display: none;
}
#choix_reglement .infoReglement .btn_paiement, #choix_reglement .infoTransport .btn_paiement, #choix_transport .infoReglement .btn_paiement, #choix_transport .infoTransport .btn_paiement {
  padding-top: 10px;
  padding-bottom: 20px;
}
#choix_reglement .descro_paiement, #choix_reglement .descro_transport, #choix_transport .descro_paiement, #choix_transport .descro_transport {
  margin: 5px;
  text-align: center;
}
#choix_reglement .descro_paiement h4, #choix_reglement .descro_transport h4, #choix_transport .descro_paiement h4, #choix_transport .descro_transport h4 {
  margin-bottom: 10px;
}
#choix_reglement .descro_transport, #choix_transport .descro_transport {
  margin: 10px;
  text-align: left;
}

.img_h1 {
  display: none;
}

.avis_5 {
  background: url("design/avis.png") no-repeat 0px 0px;
  padding-left: 120px;
  height: 19px;
  display: inline-block;
  font-size: 10pt;
  font-weight: bold;
  line-height: 20px;
}
.avis_5.avis_5_0 {
  background-position: 0 0px;
}
.avis_5.avis_4_5 {
  background-position: 0 -19px;
}
.avis_5.avis_4_0 {
  background-position: 0 -38px;
}
.avis_5.avis_3_5 {
  background-position: 0 -57px;
}
.avis_5.avis_3_0 {
  background-position: 0 -76px;
}
.avis_5.avis_2_5 {
  background-position: 0 -95px;
}
.avis_5.avis_2_0 {
  background-position: 0 -114px;
}
.avis_5.avis_1_5 {
  background-position: 0 -133px;
}
.avis_5.avis_1_0 {
  background-position: 0 -152px;
}

.shortdescro .avis_5 {
  background: url("design/avis_small.png") no-repeat 0px 0px;
  padding-left: 100px;
  height: 15px;
  line-height: 15px;
}
.shortdescro .avis_5.avis_5_0 {
  background-position: 0 0px;
}
.shortdescro .avis_5.avis_4_5 {
  height: 15px;
  background-position: 0 -15px;
}
.shortdescro .avis_5.avis_4_0 {
  background-position: 0 -30px;
}
.shortdescro .avis_5.avis_3_5 {
  background-position: 0 -45px;
}
.shortdescro .avis_5.avis_3_0 {
  background-position: 0 -60px;
}
.shortdescro .avis_5.avis_2_5 {
  background-position: 0 -75px;
}
.shortdescro .avis_5.avis_2_0 {
  background-position: 0 -90px;
}
.shortdescro .avis_5.avis_1_5 {
  background-position: 0 -105px;
}
.shortdescro .avis_5.avis_1_0 {
  background-position: 0 -120px;
}

.avis_charte {
  margin-top: 5px;
}

.avis_cadre {
  margin: 20px;
  display: block;
  text-align: center;
  font-weight: bold;
}
.avis_cadre .avis_note {
  display: inline-block;
  padding: 5px 10px 5px 10px;
  font-size: 1.5em;
  color: white;
  background-color: #FFA366;
}
.avis_cadre .avis_etoile.avis_5 {
  width: 108px;
  display: block;
  padding: 0px;
  margin: 10px;
}

.avis_btn {
  float: right;
  margin-top: -40px;
}

.avis_client {
  margin-bottom: 20px;
  border: 1px solid #d9d9d9;
  display: table;
  width: 100%;
  border-spacing: 0px 0px;
  margin-bottom: 20px;
  padding: 0;
}
.avis_client .avis_client_bloc_g {
  display: table-cell;
  width: 200px;
  background-color: #efefef;
  margin: 0;
  padding: 10px;
}
.avis_client .avis_client_bloc_g .avis_client_par {
  font-weight: bold;
}
.avis_client .avis_client_bloc_g .avis_client_cmde {
  margin-top: 5px;
  font-size: 0.8em;
}
.avis_client .avis_client_texte {
  display: table-cell;
  background-color: white;
  padding: 5px;
}

#AV_widget_iframe {
  margin-bottom: 20px;
}

.swiper {
  width: 100%;
  height: 100%;
  margin-top: 15px;
  margin-bottom: -15px;
  padding-bottom: 30px;
  background-color: #fff;
  display: grid;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 500px;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 500px;
  width: auto;
  height: auto;
  max-width: 100%;
}

.skeepers_product_list {
  width: 98%;
}

.mobile_skeepers_product {
  margin-top: 10px;
  margin-bottom: -10px;
}

.montages h3.second_titre {
  display: none;
}
.montages div.second_titre {
  font-size: 1.1em;
  margin-top: 20px;
}
.montages .product_prix {
  min-height: auto;
}

.nav-tablet ul#top_menu li.level1 ul.categorie {
  width: 98%;
}

@media only screen and (max-width: 1200px) {
  .banner {
    height: 300px;
  }
  .banner .banner_item {
    background-size: 200%;
  }
  .banner .banner_nav {
    top: 280px;
    z-index: 2;
  }
  .banner .banner_nav img {
    margin-right: 4px;
    width: 10px;
  }
  .form-field label {
    width: 40%;
  }
}
@media only screen and (max-width: 1150px) {
  .banner {
    height: 280px;
  }
  .banner .banner_item {
    background-size: 180%;
  }
}
@media only screen and (max-width: 1024px) {
  .contenu {
    padding: 5px 5px;
    margin-top: 0px;
    min-height: 5px;
  }
  #menu_image.pieceinfo .image_categorie {
    padding: 5px 0.5% 5px 0.5%;
    width: 49%;
  }
  #menu_image.pieceinfo .text_categorie {
    width: 50%;
  }
  #menu_image.pieceinfo .text_categorie h2 {
    font-size: 1em;
  }
  #sousmenu.ligne_blocs_homepage .pieceinfo .text_categorie h2 {
    font-size: 1em;
  }
  #sousmenu.ligne_blocs_homepage .pieceinfo .image_categorie {
    width: 45%;
  }
  #sousmenu.ligne_blocs_homepage .pieceinfo .text_categorie {
    width: 50%;
  }
  .tablePanier .span_promo {
    margin-top: 0;
  }
  .tablePanier .caddie_full {
    margin: 0 5px 0 5px;
  }
  .tablePanier .caddie_full input {
    width: 20px;
  }
  .social-network {
    position: absolute;
    top: 150px;
    right: 10px;
  }
  .panier .social-network {
    top: 125px;
  }
  .form-field label {
    width: 40%;
  }
}
@media only screen and (max-width: 1000px) {
  .tableTransparent #image_to_reload {
    max-height: none;
    max-width: 600px;
    width: 100%;
  }
}
@media only screen and (max-width: 978px) {
  #info_header {
    display: none;
  }
  #box_recherche {
    right: 300px;
  }
  #header .header_droit {
    width: 300px;
  }
  #menu_image.pieceinfo {
    height: 100px;
  }
  #menu_image.pieceinfo .image_categorie {
    width: auto;
    display: block;
    float: none;
  }
  #menu_image.pieceinfo .image_categorie img {
    height: 50px;
  }
  #menu_image.pieceinfo .text_categorie {
    width: auto;
    display: block;
    float: none;
    height: auto;
  }
  #menu_image.pieceinfo .text_categorie h2 {
    font-size: 1em;
    text-align: center;
  }
}
@media only screen and (max-width: 910px) {
  .tableTransparent #image_to_reload {
    max-height: none;
    max-width: 400px;
    width: 100%;
  }
  ul#top_menu li.level1 {
    font-size: 9pt;
  }
}
@media only screen and (max-width: 902px) {
  ul#top_menu_v2 li.level1 {
    font-size: 9pt;
  }
}
@media only screen and (max-width: 839px) {
  body {
    min-width: 0;
  }
  .banner {
    position: relative;
    overflow: hidden;
    height: 225px;
  }
  .banner .banner_item {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    height: 100%;
    visibility: hidden;
    overflow: hidden;
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .banner .banner_item.banner_item1 {
    visibility: visible;
  }
  .banner .banner_nav {
    top: 210px;
  }
  .banner #COOL2025 {
    background-image: url("../../images/bandeaux/news/cool2025.jpg");
  }
  .banner #blackweek-2025 {
    background-image: url("../../images/bandeaux/news/blackweek2025.jpg");
  }
  .banner #HALLOWEEN-2025 {
    background-image: url("../../images/bandeaux/news/promo_halloween2025.jpg");
  }
  .banner #frenchdays-sept2025 {
    background-image: url("../../images/bandeaux/news/frenchdays-sept2025.jpg");
  }
  .banner #KDO-BackSchool-2025 {
    background-image: url("../../images/bandeaux/news/BackSchool-2025.jpg");
  }
  .banner #soldes-07-2025 {
    background-image: url("../../images/bandeaux/news/soldes-07-2025.jpg");
  }
  .banner #EKWB-RTX50 {
    background-image: url("../../images/bandeaux/news/EKWB_RTX50.jpg");
  }
  .banner #paques2025 {
    background-image: url("../../images/bandeaux/news/paques2025.jpg");
  }
  .banner #Alpha-RTX50 {
    background-image: url("../../images/bandeaux/news/Alpha_RTX50.jpg");
  }
  .banner #soldes-01-2025 {
    background-image: url("../../images/bandeaux/news/soldes-01-2025.jpg");
  }
  .banner #cool-2024-img1 {
    background-image: url("../../images/bandeaux/news/cool2024-img1.jpg");
  }
  .banner #cool-2024-img2 {
    background-image: url("../../images/bandeaux/news/cool2024-img2.jpg");
  }
  .banner #cool-2024-img3 {
    background-image: url("../../images/bandeaux/news/cool2024-img3.jpg");
  }
  .banner #cool-2024-img4 {
    background-image: url("../../images/bandeaux/news/cool2024-img4.jpg");
  }
  .banner #blackweek-2024 {
    background-image: url("../../images/bandeaux/news/blackweek2024.jpg");
  }
  .banner #Alpha-ES-11-2024 {
    background-image: url("../../images/bandeaux/news/Alpha_serveur_11-2024.jpg");
  }
  .banner #Bykski-2024 {
    background-image: url("../../images/bandeaux/news/Bykski-2024.jpg");
  }
  .banner #HALLOWEEN-2024 {
    background-image: url("../../images/bandeaux/news/promo_halloween2023.jpg");
  }
  .banner #Alpha-10-2024 {
    background-image: url("../../images/bandeaux/news/Alpha_apex_10-2024.jpg");
  }
  .banner #LianLi-HydroShift {
    background-image: url("../../images/bandeaux/news/LianLi-HydroShift.jpg");
  }
  .banner #KDO-BackSchool-2024 {
    background-image: url("../../images/bandeaux/news/BackSchool-2024.jpg");
  }
  .banner #soldes-07-2024 {
    background-image: url("../../images/bandeaux/news/soldes-07-2024.jpg");
  }
  .banner #frenchdays-mai2024 {
    background-image: url("../../images/bandeaux/news/frenchdays-mai2024.jpg");
  }
  .banner #paques2024 {
    background-image: url("../../images/bandeaux/news/paques2024.jpg");
  }
  .banner #KDO-20EUR_03-2024 {
    background-image: url("../../images/bandeaux/news/Promo-20EUR-mars2024.jpg");
  }
  .banner #Alpha-apex-fan {
    background-image: url("../../images/bandeaux/news/Alpha_apex_fan.jpg");
  }
  .banner #soldes-01-2024 {
    background-image: url("../../images/bandeaux/news/soldes-01-2024.jpg");
  }
  .banner #ANNEE-2024 {
    background-image: url("../../images/bandeaux/news/annee2024.jpg");
  }
  .banner #COOL2023-prolong {
    background-image: url("../../images/bandeaux/news/cool2023prolong.jpg");
  }
  .banner #COOL2023 {
    background-image: url("../../images/bandeaux/news/cool2023.jpg");
  }
  .banner #blackweek-2023 {
    background-image: url("../../images/bandeaux/news/blackweek2023.jpg");
  }
  .banner #HALLOWEEN-2023 {
    background-image: url("../../images/bandeaux/news/promo_halloween2023.jpg");
  }
  .banner #EK-AIO-oct2023 {
    background-image: url("../../images/bandeaux/news/EKWB-AIO-09-2023.jpg");
  }
  .banner #frenchdays-sept2023 {
    background-image: url("../../images/bandeaux/news/frenchdays-sept2023.jpg");
  }
  .banner #promo-ALPHA-09-2023 {
    background-image: url("../../images/bandeaux/news/Alpha_promo_09-2023.jpg");
  }
  .banner #soldes-07-2023-suite {
    background-image: url("../../images/bandeaux/news/soldes-07-2023b.jpg");
  }
  .banner #soldes-07-2023 {
    background-image: url("../../images/bandeaux/news/soldes-07-2023.jpg");
  }
  .banner #KDO-30EUR_05-2023 {
    background-image: url("../../images/bandeaux/news/Promo-30EUR-mai2023.jpg");
  }
  .banner #frenchdays-mai2023 {
    background-image: url("../../images/bandeaux/news/frenchdays-mai2023.jpg");
  }
  .banner #paques2023 {
    background-image: url("../../images/bandeaux/news/paques2023.jpg");
  }
  .banner #Alpha-news-avril2023 {
    background-image: url("../../images/bandeaux/news/Eisblock_Aurora_DistroPlate.jpg");
  }
  .banner #soldes-01-2023 {
    background-image: url("../../images/bandeaux/news/soldes-01-2023.jpg");
  }
  .banner #COOL2022 {
    background-image: url("../../images/bandeaux/news/cool2022.jpg");
  }
  .banner #blackweek-2022 {
    background-image: url("../../images/bandeaux/news/blackweek2022.jpg");
  }
  .banner #promo_halloween2022 {
    background-image: url("../../images/bandeaux/news/promo_halloween2022.jpg");
  }
  .banner #frenchdays-sept2022 {
    background-image: url("../../images/bandeaux/news/frenchdays-sept2022.jpg");
  }
  .banner #KDO-BackSchool-2022 {
    background-image: url("../../images/bandeaux/news/BackSchool-2022.jpg");
  }
  .banner #soldes-07-2022 {
    background-image: url("../../images/bandeaux/news/soldes-07-2022.jpg");
  }
  .banner #EK-news-juin2022 {
    background-image: url("../../images/bandeaux/news/EKWBnews06-2022.jpg");
  }
  .banner #frenchdays-mai2022 {
    background-image: url("../../images/bandeaux/news/frenchdays-mai2022.jpg");
  }
  .banner #KDO-30EUR_03-2022 {
    background-image: url("../../images/bandeaux/news/Promo-30EUR-mars2022.jpg");
  }
  .banner #soldes-01-2022 {
    background-image: url("../../images/bandeaux/news/soldes-01-2022.jpg");
  }
  .banner #Watercool-Launch {
    background-image: url("../../images/bandeaux/news/Watercool-launch.jpg");
  }
  .banner #blackweek-2022-soon {
    background-image: url("../../images/bandeaux/news/blackweek2022soon.jpg");
  }
  .banner #blackweek-2022-soon .countdown {
    color: #efbe07;
    vertical-align: middle;
    text-align: center;
    font-size: 1em;
    font-weight: 700;
    position: absolute;
    left: 0px;
    top: 50px;
    width: 100%;
  }
  .banner #promo_tranche_dec2021 {
    background-image: url("../../images/bandeaux/news/cool2021.jpg");
  }
  #sousmenu.ligne_blocs_homepage .pieceinfo {
    height: 100px;
  }
  #sousmenu.ligne_blocs_homepage .pieceinfo .image_categorie {
    width: auto;
    display: block;
    float: none;
  }
  #sousmenu.ligne_blocs_homepage .pieceinfo .image_categorie img {
    height: 50px;
  }
  #sousmenu.ligne_blocs_homepage .pieceinfo .text_categorie {
    width: 100%;
    display: block;
    float: none;
    height: auto;
  }
  #sousmenu.ligne_blocs_homepage .pieceinfo .text_categorie h2 {
    font-size: 0.8em;
    text-align: center;
  }
  #sousmenu.ligne_blocs_homepage .pieceinfo#menu_image_v2 {
    margin: 15px;
    background-color: #f7f7f7;
  }
  #sousmenu.ligne_blocs_homepage .pieceinfo#menu_image_v2 .text_categorie {
    width: 100%;
  }
}
/* Degrade de taille du Menu principal */
@media only screen and (max-width: 823px) {
  .tableFieldSet td#prix_et_dispo div#autreinfo_with_ekwb {
    position: relative;
    bottom: 0;
    margin-top: 0px;
  }
}
@media only screen and (max-width: 784px) {
  #header .header_milieu {
    margin-left: 200px;
  }
  #header .header_gauche .doc_text {
    padding-top: 15px;
  }
  #header .header_gauche .doc_text img {
    width: 200px;
  }
  ul#top_menu li.level1, ul#top_menu_v2 li.level1 {
    font-size: 7.5pt;
  }
  #box_recherche {
    right: 290px;
  }
}
@media only screen and (max-width: 690px) {
  ul#top_menu_v2 li.level1 {
    font-size: 6.5pt;
  }
}
@media only screen and (max-width: 686px) {
  ul#top_menu li.level1 {
    font-size: 6.5pt;
  }
}
@media only screen and (max-width: 670px) {
  .social-network {
    display: none;
  }
  .panier .social-network {
    display: block;
  }
  ul#speedbarre li {
    letter-spacing: 0.1px;
  }
}
/* ************************************** */
@media only screen and (max-width: 1845px) {
  .grille .pieceinfo_div {
    width: 17%;
    margin: 0 0.3% 10px 0.3%;
  }
  .search_list.grille .pieceinfo_div {
    width: 21.3%;
  }
}
@media only screen and (max-width: 1472px) {
  .grille .pieceinfo_div {
    width: 21.2%;
    margin: 0 0.5% 10px 0.5%;
  }
  .search_list.grille .pieceinfo_div {
    width: 28.3%;
  }
}
@media only screen and (max-width: 1200px) {
  .caddie_big .img_caddie a {
    font-size: 1.2em;
  }
}
@media only screen and (max-width: 1280px) {
  #suggestion .bloc_cinq_home {
    width: 24.4%;
  }
  #suggestion .bloc_cinq_home.piece_5 {
    display: none;
  }
  #suggestion.ligne_blocs_homepage.bloc_en_colonne {
    width: 32%;
    margin: 15px 2% 15px 0;
  }
  #suggestion.ligne_blocs_homepage.bloc_en_colonne.bloc_3 {
    margin: 15px 0 15px 0;
  }
  #suggestion.ligne_blocs_homepage.bloc_en_colonne.bloc_4 {
    display: none;
  }
  .grille .pieceinfo_div {
    width: 21.2%;
    margin: 0 0.5% 10px 0.5%;
  }
  .search_list.grille .pieceinfo_div {
    width: 28.3%;
  }
}
@media only screen and (max-width: 1270px) {
  .grille .pieceinfo_div {
    width: 21%;
    margin: 0 0.5% 10px 0.5%;
  }
}
@media only screen and (max-width: 1220px) {
  #findlist div#searchcol_filtre {
    width: 300px;
    max-width: 300px;
  }
  .search_list.grille .pieceinfo_div {
    width: 28.3%;
  }
}
@media only screen and (max-width: 1190px) {
  .grille .pieceinfo_div {
    width: 29.2%;
    margin: 0 0.5% 10px 0.5%;
  }
  .search_list.grille .pieceinfo_div {
    width: 44%;
  }
}
@media only screen and (max-width: 1160px) {
  #suggestion .bloc_quatre_home, #suggestion .bloc_cinq_home {
    width: 32.7%;
  }
  #suggestion .bloc_quatre_home.piece_4, #suggestion .bloc_quatre_home.piece_5, #suggestion .bloc_cinq_home.piece_4, #suggestion .bloc_cinq_home.piece_5 {
    display: none;
  }
  #suggestion.ligne_blocs_homepage.bloc_en_colonne .infobox h3 {
    white-space: nowrap;
    font-size: 0.9em;
  }
  .grille .pieceinfo_div {
    width: 29.2%;
    margin: 0 0.5% 10px 0.5%;
  }
}
@media only screen and (max-width: 1140px) {
  .grille .pieceinfo_div {
    width: 28.5%;
    margin: 0 0.5% 10px 0.5%;
  }
}
@media only screen and (max-width: 1070px) {
  .search_list.grille .pieceinfo_div {
    width: 42%;
  }
}
@media only screen and (max-width: 978px) {
  .promo_FDP_basket {
    background-size: 100%;
  }
  #suggestion.ligne_blocs_homepage.bloc_en_colonne .infobox h3 {
    white-space: normal;
    font-size: 1.1em;
    height: 2.2em;
    line-height: 1.1em;
    vertical-align: middle;
  }
  #findlist div#searchcol_filtre {
    display: none;
  }
  .search_list.grille .pieceinfo_div {
    width: 28.3%;
  }
}
@media only screen and (max-width: 913px) {
  .grille .pieceinfo_div {
    width: 28%;
    margin: 0 0.5% 10px 0.5%;
  }
}
@media only screen and (max-width: 839px) {
  #suggestion .bloc_quatre_home, #suggestion .bloc_cinq_home {
    width: 49.4%;
  }
  #suggestion .bloc_quatre_home.piece_3, #suggestion .bloc_quatre_home.piece_4, #suggestion .bloc_quatre_home.piece_5, #suggestion .bloc_cinq_home.piece_3, #suggestion .bloc_cinq_home.piece_4, #suggestion .bloc_cinq_home.piece_5 {
    display: none;
  }
  .grille .pieceinfo_div {
    width: 44.5%;
    margin: 0 0.5% 10px 0.5%;
  }
}
@media only screen and (max-width: 820px) {
  .search_list.grille .pieceinfo_div {
    width: 44%;
  }
}
@media only screen and (max-width: 782px) {
  .grille .pieceinfo_div {
    width: 44%;
    margin: 0 0.5% 10px 0.5%;
  }
}
@media only screen and (max-width: 707px) {
  .grille .pieceinfo_div {
    width: 43%;
    margin: 0 0.5% 10px 0.5%;
  }
}
@media only screen and (max-width: 600px) {
  .grille .pieceinfo_div {
    width: 94%;
    margin: 0 0 10px 0%;
  }
}
@media only screen and (min-width: 240px) {
  .btn-back-to-top {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    bottom: 20px;
    height: 45px;
    position: fixed;
    right: 2px;
    width: 44px;
    cursor: pointer;
    opacity: 0;
    display: block;
    visibility: hidden;
    z-index: 1;
    transition: all 0.2s ease-in-out;
  }
  .btn-back-to-top.show {
    opacity: 1;
    visibility: visible;
  }
  .btn-back-to-top:hover {
    background: rgba(0, 0, 0, 0.8);
  }
  .btn-back-to-top span:first-child {
    border-bottom: 13px solid #FFF;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    height: 0;
    left: 12px;
    position: absolute;
    top: 10px;
    width: 0;
  }
  .btn-back-to-top span:last-child {
    background: none repeat scroll 0 0 #FFF;
    display: inline-block;
    height: 13px;
    left: 17px;
    position: absolute;
    top: 23px;
    width: 10px;
  }
}
@media only screen and (max-height: 768px) {
  #iframe_socolissimo {
    height: 650px;
  }
}
.nav-mobile .btn-back-to-top:hover, .nav-tablet .btn-back-to-top:hover {
  background: rgba(0, 0, 0, 0.3);
}
.nav-mobile .prix_et_dispo .PrixSoldes, .nav-mobile .prix_et_dispo .PrixDStock, .nav-tablet .prix_et_dispo .PrixSoldes, .nav-tablet .prix_et_dispo .PrixDStock {
  display: none;
}

.nav-mobile #cookie {
  height: auto;
  line-height: normal;
  padding-left: 5px;
}
.nav-mobile #cookie div#cookie_btn {
  margin-right: 5px;
}
.nav-mobile .pieceinfo_div .info_prix {
  height: auto;
  width: 78px;
  min-width: 78px;
  display: table-cell;
  text-align: left;
}
.nav-mobile .pieceinfo_div .info_prix label {
  display: none;
}
.nav-mobile .pieceinfo_div .info_prix .prix_barre {
  line-height: 1.2em;
}
.nav-mobile .pieceinfo_div .ref_et_dispo {
  display: table;
  margin-right: 0px;
  text-align: center;
  vertical-align: middle;
}
.nav-mobile .pieceinfo_div .ref_et_dispo em {
  display: none;
}
.nav-mobile #findlist_mobile {
  top: 73px;
}
.nav-mobile #findlist_mobile h3 {
  font-size: 1.2em;
}
.nav-mobile #findlist_mobile h3 .marque {
  font-size: 0.9em;
}
.nav-mobile #findlist_mobile div#searchcol_filtre div.search_list {
  overflow: auto;
  max-height: 73vh;
  text-align: left;
  margin-bottom: 15px;
  margin-right: 10px;
}
.nav-mobile #findlist_mobile div.searchcol_titre {
  font-size: 14px;
}
.nav-mobile #findlist_mobile div#searchcol_produit {
  width: auto;
}
.nav-mobile #findlist_mobile div#searchcol_produit div.search_list {
  max-height: 75vh;
}
.nav-mobile #findlist_mobile div.search_list {
  margin: 0 0 0 5px;
}
.nav-mobile #findlist_mobile div.search_list .pieceinfo_div {
  min-height: 80px !important;
}
.nav-mobile #findlist_mobile div.search_list .pieceinfo_div .shortdescro {
  min-height: 80px !important;
}
.nav-mobile #findlist_mobile .pieceinfo_div {
  width: 45.3%;
  height: 320px;
  margin: 0 5px 5px 0%;
}
.nav-mobile #findlist_mobile .pieceinfo_div .pieceinfo_image img {
  width: 150px;
  height: 150px;
}
.nav-mobile #findlist_mobile .pieceinfo_div .info_prix {
  width: 100%;
}
.nav-mobile #findlist_mobile .pieceinfo_div .taux_remise {
  margin: 10px 25px 0 25px;
  padding: 5px 10px;
  text-align: center;
  display: block;
}
.nav-mobile #findlist_mobile .pieceinfo_div div.pieceinfo_prix {
  margin-bottom: 10px;
}
.nav-mobile #findlist_mobile #btn_show_filtre {
  display: inline-block;
  margin: 5px 0 10px 0;
}
.nav-mobile #findlist_mobile #btn_show_filtre a {
  padding: 3px 10px 3px 40px;
  background: url(design/Reglages.png) no-repeat 10px 5px;
  background-size: 20%;
  background-color: #899DA4;
}
.nav-mobile #findlist_mobile #div_button_appliquer {
  margin: 5px 0 10px 15px;
}

@media only screen and (max-width: 640px) {
  body {
    min-width: 0;
    font-size: 80%;
  }
  .top_header {
    height: auto;
  }
  #header {
    background: #ffffff;
    height: 38px;
    width: 100%;
    position: fixed;
    top: 0px;
    border-bottom: 1px solid #d3d3d3;
  }
  #header .header_gauche {
    height: auto;
    width: 110px;
  }
  #header .header_gauche .doc_text {
    padding-left: 5px;
    padding-top: 5px;
  }
  #header .header_gauche .doc_text img {
    max-width: 100%;
  }
  #header .header_droit {
    margin-left: 0;
    height: auto;
  }
  #header .header_milieu {
    height: auto;
    margin-left: 120px;
    width: 100%;
  }
  #doc_language {
    top: -12px;
  }
  #doc_language select {
    width: 20px;
    text-indent: -9999px;
  }
  #user {
    left: 205px;
    width: 40px;
    top: -2px;
    position: fixed;
  }
  #user:hover, #user.focused {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: none;
    -moz-border-radius: none;
    -webkit-border-radius: none;
  }
  #user:hover .list_user, #user.focused .list_user {
    display: none;
  }
  #basket {
    top: -2px;
    position: fixed;
    left: 250px;
    width: 45px;
  }
  #basket #caddieUser_article {
    display: none;
  }
  #basket:hover {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: none;
    -moz-border-radius: none;
    -webkit-border-radius: none;
  }
  #basket:hover .list_basket {
    display: none;
  }
  #rechercheMobile {
    display: block;
    margin-top: 6px;
    left: 270px;
    padding-right: 10px;
  }
  #rechercheMobile #recherche_img {
    margin-left: 15px;
  }
  #rechercheMobile #recherche_mobile {
    display: block;
    position: absolute;
    top: 33px;
    left: -120px;
    width: 100%;
    transition: all 0.2s ease-in-out;
    opacity: 1;
    height: 0;
    overflow: hidden;
  }
  #rechercheMobile #recherche_mobile.show {
    opacity: 1;
    height: 34px;
    overflow: inherit;
  }
  #rechercheMobile #champ_recherche_mobile {
    width: 100%;
    height: 20px;
    border: 2px solid #00acea;
  }
  #rechercheMobile #champ_recherche_submit_mobile {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    position: absolute;
    width: 32px;
    height: 32px;
    top: 2px;
    right: 0px;
    margin-right: 0px;
    background: #00acea url("design/Loupe.png") no-repeat left 2px;
  }
  #menuMobile {
    display: block;
    margin-top: 4px;
    left: 220px;
    padding-right: 10px;
    padding-left: 10px;
  }
  #menuMobile .menuNav {
    display: block;
    position: absolute;
    top: 33px;
    width: 260px;
    opacity: 1;
    overflow: hidden;
    left: -530px;
    transition: all 0.2s ease-in-out;
    z-index: 1000;
  }
  #menuMobile .menuNav.show {
    opacity: 1;
    left: -150px;
  }
  ul#top_menuMobile {
    margin: 0;
    padding: 0;
    list-style-type: none;
    background: #00acea;
    background-size: 34px 34px;
  }
  ul#top_menuMobile #accueil {
    display: none;
  }
  ul#top_menuMobile li {
    background: url("design/fleche_droite.png") no-repeat left 50%;
    background-size: 18px 18px;
    color: #FFF;
    letter-spacing: 1px;
    font-weight: bold;
    list-style-type: none;
    font-size: 11pt;
    padding: 0px 5px 0px 5px;
    line-height: 32px;
    height: 32px;
    border-top: 1px solid #d3d3d3;
  }
  ul#top_menuMobile li a {
    padding-left: 35px;
    color: #FFF;
    display: block;
  }
  ul#top_menuMobile li ul {
    display: none;
    list-style-type: none;
    margin: 0px;
  }
  #compteUser_texte, #logo_fleche {
    display: none;
  }
  #box_recherche {
    display: none;
  }
  .hideitem {
    display: none;
  }
  .header_menu, #list_panier, .etape {
    display: none;
  }
  .ariane {
    margin-top: 5px;
  }
  .ariane #not_last_menu {
    display: none;
  }
  .ariane #not_last_menu.menu_retour {
    display: inline;
  }
  .ariane .menu_retour, .ariane .menu_accueil, .ariane .menu_title, .ariane .menu_title2, .ariane .menu_title_encours, .ariane .menu_title_piece, .ariane h1.menu_title, .ariane h2.menu_title, .ariane h3.menu_title2 {
    font-size: 10pt;
  }
  .ariane h3.menu_title2 {
    padding-right: 6px;
  }
  .banner {
    height: 185px;
    margin-top: 39px;
  }
  .banner .banner_nav {
    top: 170px;
  }
  .panier .social-network {
    top: 36px;
  }
  .promoWatercooling {
    font-size: 1em;
  }
  .tablePanier .col_ref, .tablePanier .col_prixu {
    display: none;
  }
  .tablePanier .status_stock .etat_stock {
    display: none;
  }
  .tablePanier .col_dispo {
    width: auto;
  }
  .tablePanier .col_article {
    font-size: 0.8em;
  }
  .tablePanier .etat_stock {
    font-size: 0.7em;
  }
  .tablePanier .col_article i.article_special {
    font-size: 1em;
  }
  .tablePanier .col_total {
    width: 70px;
    font-size: 0.9em;
  }
  .tablePanier th.col_qte {
    font-size: 0.9em;
  }
  .tablePanier th.col_article {
    font-size: 0.9em;
  }
  .tablePanier th.col_total {
    width: 70px;
    font-size: 0.9em;
  }
  .tablePanier #codereduc {
    width: 50%;
  }
  .tablePanier .total_ttc {
    padding-right: 5px;
    background: url("design/total_mobile.png") no-repeat left 0px top 14px;
  }
  .tablePanier .total_ttc.recap {
    background: url("design/total_mobile.png") no-repeat right -20px top 3px;
  }
  .tablePanier.transport tr .logo_transport {
    width: 100px;
  }
  .tablePanier .col_descro {
    display: none;
  }
  .tablePanier .button a {
    padding-left: 5px;
    padding-right: 5px;
  }
  .tablePanier div.caddie_full {
    margin: 0 5px 0 5px;
  }
  .caddievide .tablePanier .total_ttc {
    background-position: left 0px top 4px;
  }
  .contenu {
    padding: 5px 5px;
    margin-top: 30px;
    min-height: 5px;
    background: none;
  }
  .contenu.accueil {
    margin-top: 0px;
  }
  .contenu.accueil .ariane {
    display: none;
  }
  .contenu.accueil #suggestion.ligne_blocs_homepage {
    margin-top: 0px;
  }
  .form-field label {
    width: 45%;
  }
  .formlite .container {
    width: 100%;
  }
  .formlite #recap {
    margin-left: 10px;
  }
  #cmde_en_cours_adresse, #cmde_expediee_adresse {
    margin-left: 10px;
  }
  #recap_facture, #recap_adresse {
    display: none;
  }
  #recap_caddie, #recap_instruction, #recap_reglement {
    width: 100%;
  }
  .bloc_inscription input, .bloc_inscription select {
    width: 90%;
  }
  .bloc_inscription .button_connexion {
    padding-left: 20px;
    padding-right: 10px;
  }
  #cmde_expediee_adresse .titre_form, #cmde_en_cours_adresse .titre_form {
    margin: 10px 0 0 0;
  }
  #formcompte, #formconnection {
    margin: 2px;
  }
  #corps {
    margin-left: 0px;
    margin-top: 5px;
  }
  .compteinfo {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 10px;
  }
  #encours, #commandes, #sauvegarde, #public, #sav {
    min-width: 600px;
  }
  #reglement #choix_reglement {
    margin-top: 15px;
  }
  #reglement #choix_reglement #cas_virement ~ span {
    font-size: 9pt;
  }
  #reglement .newbutton {
    background-image: none;
  }
  #reglement .newbutton a {
    font-size: 1em;
  }
  #reglement .newbutton#reglement_3 a, #reglement .newbutton#reglement_7 a, #reglement .newbutton#reglement_5 a, #reglement .newbutton#reglement_6 a, #reglement .newbutton#reglement_1 a {
    padding-left: 0px;
    padding-right: 0px;
  }
  .mode_paiement {
    display: block;
    padding-left: 0px;
  }
  #choix_reglement .tableReglement, #choix_reglement .tableTransport, #choix_transport .tableReglement, #choix_transport .tableTransport {
    flex-direction: column;
  }
  #choix_reglement .cellReglement, #choix_reglement .cellTransport, #choix_transport .cellReglement, #choix_transport .cellTransport {
    margin: 5px 5px;
  }
  #choix_reglement .infoReglement, #choix_reglement .infoTransport, #choix_transport .infoReglement, #choix_transport .infoTransport {
    border: none;
    margin: 0px;
  }
  #choix_reglement .table_virement, #choix_transport .table_virement {
    font-size: 0.8em;
  }
  #confirm_adresse #logo_transport {
    display: none;
  }
  #confirm_adresse #message_verif {
    padding-left: 10px;
    font-size: 1em;
  }
  #confirm_adresse .form-field {
    margin: 0 0 0.2em 0;
  }
  .panier_facturation, .panier_livraison {
    display: block;
    width: 90%;
    font-size: 0.9em;
    margin-left: 0;
  }
  .recap_mesadresses #bloc_input_form, .recap_mesadresses #bloc_submit_form {
    display: block;
    width: auto;
  }
  .listeCommande {
    font-size: 1em;
  }
  .listeCommande .listeCommande_qte, .listeCommande .listeCommande_transporteur, .listeCommande .listeCommande_reglement {
    display: none;
  }
  #menu {
    float: none;
    width: 100%;
    margin-top: 15px;
  }
  #menu .box_menu h5 {
    width: auto;
  }
  #menu .box_menu .corpsmenu {
    width: auto;
    font-size: 1.3em;
  }
  #suggestion .bloc_quatre_home, #suggestion .bloc_cinq_home {
    width: 49.3%;
  }
  #suggestion .bloc_quatre_home.piece_3, #suggestion .bloc_quatre_home.piece_4, #suggestion .bloc_quatre_home.piece_5, #suggestion .bloc_cinq_home.piece_3, #suggestion .bloc_cinq_home.piece_4, #suggestion .bloc_cinq_home.piece_5 {
    display: none;
  }
  #suggestion .infolien {
    display: none;
  }
  .infobox.tri #filtre_marque, .infobox.tri .filtre_attribut, .infobox.tri #filtre_sous_categorie {
    width: 100%;
    max-width: 150px;
    min-width: 150px;
  }
  .infobox.nb_article {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    padding: 0;
  }
  .infobox.nb_article #liste_pieces_enstock, .infobox.nb_article #liste_mode_affichage {
    display: none;
  }
  .infobox.nb_article #liste_pieces_count, .infobox.nb_article #liste_pieces_reload {
    font-size: 1.2em;
    background-size: 20px 20px;
    background-position: 5px 6px;
    padding-left: 25px;
    min-width: 100px;
  }
  .pieceinfo {
    padding: 5px;
    border: 2px solid #fff;
  }
  .pieceinfo_div {
    min-height: 150px;
    height: auto;
  }
  .pieceinfo_div .pieceinfo_image img {
    width: 150px;
    height: 150px;
  }
  .pieceinfo_div .status_stock {
    margin: 0;
  }
  .pieceinfo_div .status_stock .etat_stock {
    font-size: 0.8em;
    padding-right: 0;
  }
  .pieceinfo_div .status_stock .feu_stock {
    padding-right: 0px;
  }
  .pieceinfo_div .shortdescro {
    display: block;
    padding-right: 0px;
    width: auto;
    padding-left: 0;
    min-height: 150px;
    height: auto;
    font-size: 9pt;
  }
  .pieceinfo_div .shortdescro h3 {
    display: block;
    padding-top: 3px;
    font-size: 11pt;
    overflow: hidden;
    margin: 0;
  }
  .pieceinfo_div .shortdescro h3 a .nom_piece {
    font-weight: normal;
  }
  .pieceinfo_div .prix_et_dispo {
    display: table;
    width: 100%;
    height: 40px;
    vertical-align: middle;
  }
  .pieceinfo_div .info_prix {
    height: auto;
    width: 78px;
    min-width: 78px;
    display: table-cell;
    text-align: left;
  }
  .pieceinfo_div .info_prix label {
    display: none;
  }
  .pieceinfo_div .info_prix .prix_barre {
    line-height: 1.2em;
  }
  .pieceinfo_div .ref_et_dispo {
    display: table;
    margin-right: 0px;
    text-align: center;
    vertical-align: middle;
  }
  .pieceinfo_div .ref_et_dispo em {
    display: none;
  }
  .pieceinfo_div .caddie_mobile {
    display: table-cell;
    height: 24px;
    background: url("design/add_panier.png") no-repeat 0px 50%;
  }
  .pieceinfo_div .caddie_mobile .img_caddie a {
    line-height: 24px;
    padding: 6px 10px 20px 10px;
  }
  .pieceinfo_div .promospeciale {
    display: table;
  }
  .pieceinfo_div .promospeciale img {
    margin-top: 5px;
  }
  .infobox h1, .infobox h3 {
    line-height: 16px;
    background: #00acea;
  }
  .prix_et_dispo .PrixSoldes, .prix_et_dispo .PrixDStock {
    display: none;
  }
  #offerDetails .PrixSoldes, #offerDetails .PrixDStock {
    /*display: table-cell; 
    margin-top: 10px;
    margin-bottom: -15px;*/
  }
  #offerDetails .PrixSoldes.PrixSoldes10, #offerDetails .PrixDStock.PrixSoldes10 {
    background: none;
  }
  #offerDetails .PrixSoldes.PrixSoldes10 div, #offerDetails .PrixDStock.PrixSoldes10 div {
    background-color: #0094FF;
    padding: 5px;
  }
  #offerDetails .PrixSoldes.PrixSoldes20, #offerDetails .PrixDStock.PrixSoldes20 {
    background: none;
  }
  #offerDetails .PrixSoldes.PrixSoldes20 div, #offerDetails .PrixDStock.PrixSoldes20 div {
    background-color: #00D121;
    padding: 5px;
  }
  #offerDetails .PrixSoldes.PrixSoldes30, #offerDetails .PrixDStock.PrixSoldes30 {
    background: none;
  }
  #offerDetails .PrixSoldes.PrixSoldes30 div, #offerDetails .PrixDStock.PrixSoldes30 div {
    background-color: #FF6A00;
    padding: 5px;
  }
  #offerDetails .PrixSoldes.PrixSoldes40, #offerDetails .PrixDStock.PrixSoldes40 {
    background: none;
  }
  #offerDetails .PrixSoldes.PrixSoldes40 div, #offerDetails .PrixDStock.PrixSoldes40 div {
    background-color: #B200FF;
    padding: 5px;
  }
  #offerDetails .PrixSoldes.PrixSoldes50, #offerDetails .PrixDStock.PrixSoldes50 {
    background: none;
  }
  #offerDetails .PrixSoldes.PrixSoldes50 div, #offerDetails .PrixDStock.PrixSoldes50 div {
    background-color: #EB0000;
    padding: 5px;
  }
  #offerDetails .PrixSoldes.PrixSoldes60, #offerDetails .PrixDStock.PrixSoldes60 {
    background: none;
  }
  #offerDetails .PrixSoldes.PrixSoldes60 div, #offerDetails .PrixDStock.PrixSoldes60 div {
    background-color: #FFD800;
    padding: 5px;
  }
  #offerDetails .PrixSoldes.PrixSoldes70, #offerDetails .PrixDStock.PrixSoldes70 {
    background: none;
  }
  #offerDetails .PrixSoldes.PrixSoldes70 div, #offerDetails .PrixDStock.PrixSoldes70 div {
    background-color: #00FFFF;
    padding: 5px;
  }
  #offerDetails .PrixSoldes.PrixSoldes80, #offerDetails .PrixDStock.PrixSoldes80 {
    background: none;
  }
  #offerDetails .PrixSoldes.PrixSoldes80 div, #offerDetails .PrixDStock.PrixSoldes80 div {
    background-color: #00FE7E;
    padding: 5px;
  }
  #offerDetails .PrixSoldes.PrixSoldes90, #offerDetails .PrixDStock.PrixSoldes90 {
    background: none;
  }
  #offerDetails .PrixSoldes.PrixSoldes90 div, #offerDetails .PrixDStock.PrixSoldes90 div {
    background-color: #06325b;
    padding: 5px;
  }
  #offerDetails .PrixSoldes.BlackFriday, #offerDetails .PrixDStock.BlackFriday {
    background: none;
  }
  #offerDetails .PrixSoldes.BlackFriday div, #offerDetails .PrixDStock.BlackFriday div {
    background-color: black;
    padding: 5px;
  }
  #offerDetails .PrixSoldes.FrenchDays, #offerDetails .PrixDStock.FrenchDays {
    background: none;
    border: none;
    outline: none;
  }
  #offerDetails .PrixSoldes.FrenchDays div, #offerDetails .PrixDStock.FrenchDays div {
    background-color: #1942b1;
    border: 2px solid #fff;
    outline: 2px solid #ff0000;
    padding: 5px;
  }
  #offerDetails .promospeciale {
    display: inline-block;
    padding-top: 20px;
  }
  #offerDetails .promospeciale img {
    margin-top: 10px;
    margin-left: 20px;
  }
  .tableFieldSet td .countdown {
    margin-bottom: 60px;
    padding: 10px;
  }
  .infobox .product_titre {
    height: auto;
  }
  .infobox .product_info {
    display: flex;
    flex-direction: column;
  }
  .infobox .product_prix {
    width: auto;
    min-height: auto;
  }
  .infobox .product_prix .autre_info .sku_ean {
    position: relative;
    margin-top: 20px;
  }
  .infobox .product_prix .countdown {
    padding: 10px 10px 10px 40px;
    margin-bottom: 0px;
  }
  #piece_details #offerDetails {
    width: 100%;
    margin-top: 10px;
  }
  #piece_details .dispo_et_prix#dispo_et_prix_with_ekwb {
    min-height: auto;
  }
  #piece_details #photo_milieu, #piece_details #photo_milieu-dstock {
    min-height: auto;
  }
  .news .news_img {
    float: none;
    width: 100%;
  }
  .news .news_descro {
    padding-left: 5px;
    padding-top: 5px;
  }
  .button.previousText {
    white-space: normal;
    margin-bottom: 10px;
  }
  #telfax {
    font-size: 1em;
  }
  .aw-dlg h2 {
    font-size: 1.5em;
  }
  .aw-dlg .descro {
    font-size: 1.2em;
  }
  .aw-dlg .tablecell img {
    max-width: 100px;
  }
  .aw-dlg div.tablecell {
    padding: 0;
  }
  .aw-dlg-button {
    font-size: 0.9em;
    margin-bottom: 10px;
  }
  .box_image .aw-dlg-close {
    bottom: 0px;
  }
  .box_image .aw-dlg-dlg-body {
    padding: 5px 0px 0px 0px;
  }
  .box_image.opaque {
    padding: 0px;
  }
  #message_box .recap_mesadresses .form-field label {
    display: none;
  }
  div#livraison, div#paiement {
    padding: 0px;
  }
  .pieceinfo_bandeau {
    font-size: 9pt;
  }
  .pieceinfo_bandeau .countdown {
    background-size: 14px 15px;
    padding-left: 18px;
  }
  .tableFieldSet td .countdown {
    font-size: 11pt;
  }
  .headerpieceVertical {
    height: 100%;
    display: table;
  }
  .headerpieceVertical .shortimg, .headerpieceVertical .shortcontenu {
    display: table-cell;
    text-align: left;
    vertical-align: top;
  }
  .headerpieceVertical .shortimg {
    width: 150px;
  }
  .headerpieceVertical .shorttitle {
    vertical-align: top;
  }
  .headerpieceVertical .shorttitle h2 {
    text-align: left;
    height: auto;
    min-height: 90px;
  }
  .headerpieceVertical .shorttitle h2.h2_promospeciale_EN {
    min-height: auto;
  }
  .headerpieceVertical .info_prix {
    margin-bottom: 1em;
    height: auto;
    height: 50px;
  }
  .headerpieceVertical table.info_prix {
    margin-top: -1.5em;
  }
  .headerpieceVertical .caddie_big {
    display: none;
    height: auto;
    text-align: inherit;
    width: auto;
  }
  .headerpieceVertical .caddie_big .img_caddie {
    width: 150px;
    background: #899DA4 url("design/panier_blanc.png") no-repeat;
    background-position: 15px;
    background-size: 12%;
  }
  .headerpieceVertical .caddie_big .img_caddie a {
    font-size: 0.95em;
  }
  .info h1 {
    font-size: 1.6em;
  }
  .indlg .info h1 {
    font-size: 1.4em;
  }
  .indlg .infobox h3 {
    margin-right: 7px;
  }
  .indlg #formcompte {
    width: 99%;
  }
  .fiche_technique img {
    max-width: 600px;
  }
  iframe {
    max-width: 99%;
    max-height: 99%;
  }
  .TNTTable .TNTTableHeures {
    margin-top: 10px;
  }
  .TNTTable .TNTTableHeures td {
    display: table-cell;
  }
  .TNTTable td {
    display: table;
  }
  .TNTChoixNom #valider_ville_tnt {
    margin-top: 10px;
  }
  .TNTInfoPersonne td {
    display: table;
  }
  .TNTInfoPersonneHeader1 {
    display: none;
  }
  .TNTInfoPersonneHeader2 {
    display: table-row;
  }
  #footer div.footer_row {
    display: none;
  }
  #footer div.navMobile {
    display: block;
  }
  #footer div.navMobile ul {
    display: inline-block;
    margin: auto;
    padding: 0;
  }
  #footer div.navMobile ul li {
    text-align: center;
    width: 100%;
    list-style-type: none;
    color: white;
    font-size: 1.1em;
    display: block;
    float: left;
    line-height: 16px;
    padding: 10px;
  }
  #footer div.navMobile ul li a {
    color: #fff;
    line-height: 22px;
  }
  #footer div.navMobile ul li a:hover {
    color: #00acea;
  }
  .avis_btn {
    float: right;
    margin-top: 0px;
    margin-bottom: 20px;
  }
  .avis_btn.button a {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .avis_client .avis_client_bloc_g {
    display: block;
    width: auto;
  }
  .avis_client .avis_client_texte {
    display: block;
    padding: 10px;
  }
  .shortdescro .avis_5 {
    padding-left: 90px;
  }
  #liste_pieces .pieceinfo_caddie .img_caddie a {
    padding-left: 25px;
    padding-right: 25px;
  }
  #montage .row-tarif-montage {
    flex-direction: column;
  }
  #montage .montage_prix {
    flex-direction: column;
  }
}
@media only screen and (orientation: landscape) and (max-height: 640px) {
  .infobox .product_info {
    display: flex;
    flex-direction: column;
  }
  .infobox .product_prix {
    width: auto;
    min-height: auto;
  }
  .infobox .product_prix .autre_info .sku_ean {
    position: relative;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 639px) {
  .headerpieceVertical .caddie_big .img_caddie {
    width: 140px;
  }
  .headerpieceVertical .caddie_big .img_caddie a {
    font-size: 0.85em;
  }
}
@media only screen and (max-width: 590px) {
  #suggestion .bloc_quatre_home, #suggestion .bloc_cinq_home {
    width: 99.4%;
  }
  #suggestion .bloc_quatre_home.piece_2, #suggestion .bloc_quatre_home.piece_3, #suggestion .bloc_quatre_home.piece_4, #suggestion .bloc_quatre_home.piece_5, #suggestion .bloc_cinq_home.piece_2, #suggestion .bloc_cinq_home.piece_3, #suggestion .bloc_cinq_home.piece_4, #suggestion .bloc_cinq_home.piece_5 {
    display: none;
  }
  .fiche_technique img {
    max-width: 550px;
  }
  .headerpieceVertical .caddie_big .img_caddie {
    width: 185px;
  }
  .headerpieceVertical .caddie_big .img_caddie a {
    font-size: 1em;
  }
}
@media only screen and (max-width: 420px) {
  .banner {
    height: 113px;
    background-color: transparent;
  }
  .banner .banner_nav {
    top: 95px;
  }
  .promo_FACEBOOK_basket {
    background: url("../../images/bandeaux/news/promo_facebook_17-11-2016_basket.png") no-repeat;
    background-position: center;
    background-size: 100%;
    min-height: 150px;
  }
  .promo_FDP_basket {
    background: url("../../images/bandeaux/news/Promo-FDP_basket_17022017.png") no-repeat;
    background-position: center;
    background-size: 100%;
    min-height: 102px;
  }
  .promo_KDO_basket {
    background: url("../../images/bandeaux/news/promo_halloween2025_basket.png") no-repeat;
    min-height: 210px;
    background-position: center;
    background-size: 100%;
  }
}
@media only screen and (max-width: 390px) {
  .banner {
    height: 105px;
  }
  .banner .banner_nav {
    top: 90px;
  }
}
@media only screen and (max-width: 360px) {
  .banner {
    height: 110px;
  }
  .banner .banner_nav {
    top: 95px;
  }
  #iframe_tnt {
    height: 640px;
  }
  #iframe_MR {
    height: 500px;
  }
  .form-field label {
    display: none;
  }
}
@media only screen and (max-width: 320px) {
  #header .header_milieu {
    margin-left: 90px;
  }
  #user {
    left: 180px;
  }
  #basket {
    left: 215px;
  }
  #menuMobile {
    padding-left: 35px;
  }
  #rechercheMobile {
    left: 240px;
  }
  #rechercheMobile #recherche_img {
    margin-left: 7px;
  }
  #rechercheMobile #recherche_mobile {
    left: -90px;
  }
  h3.menu_title2, .infobox h1, .infobox h3 {
    font-size: 0.9em;
  }
  .headerpieceVertical .caddie_big .img_caddie {
    width: 150px;
  }
  .headerpieceVertical .caddie_big .img_caddie a {
    font-size: 0.95em;
  }
  .pieceinfo_div .shortdescro h3 {
    font-size: 10pt;
    height: 65px;
  }
  .pieceinfo_div .shortdescro .info_prix {
    width: 65px;
    min-width: 65px;
    display: table-cell;
    text-align: left;
  }
  .pieceinfo_div .shortdescro .info_prix label {
    display: none;
  }
  .pieceinfo_div .shortdescro .info_prix .prix_barre {
    line-height: 1.2em;
  }
  .pieceinfo_div .shortdescro .status_stock .feu_stock img {
    width: 15px;
  }
  .pieceinfo_div .shortdescro .status_stock .etat_stock {
    font-size: 0.7em;
  }
  .prix, .prix_new {
    font-size: 12pt;
  }
  .prix_old {
    font-size: 10pt;
  }
  #choix_tri {
    max-width: 90px;
  }
  #liste_pieces .pieceinfo_caddie .img_caddie a {
    padding-left: 10px;
    padding-right: 10px;
  }
  .tablePanier.CaddieFull tr.row_article {
    min-height: 90px;
    height: 90px;
  }
  .tablePanier .col_qte {
    width: 50px;
  }
  .tablePanier .total_ttc {
    /*background: url("design/total_mobile2.png") no-repeat left 40px top 0px;
    padding-top: 25px;*/
  }
  .tablePanier .total_ttc.recap {
    padding-top: 0px;
  }
  .caddievide .tablePanier .total_ttc {
    background-position: left 40px top 0px;
  }
  .infobox.tri #filtre_marque, .infobox.tri .filtre_attribut, .infobox.tri #filtre_sous_categorie {
    width: 100%;
    max-width: 130px;
    min-width: 130px;
  }
  #iframe_tnt {
    height: 560px;
  }
  .recap_mesadresses .form-field label {
    width: 100px;
  }
}
@media only screen and (max-width: 640px) and (min-width: 400px) {
  .fiche_technique img {
    max-width: 390px;
  }
  iframe {
    max-width: 99%;
    max-height: 99%;
  }
}
@media only screen and (max-width: 400px) and (min-width: 240px) {
  .fiche_technique img {
    max-width: 290px;
  }
  iframe {
    max-width: 99%;
    max-height: 99%;
  }
}
@media only screen and (max-width: 240px) {
  .fiche_technique img {
    max-width: 220px;
  }
  iframe {
    max-width: 99%;
    max-height: 99%;
  }
  .infobox.tri #filtre_marque, .infobox.tri .filtre_attribut, .infobox.tri #filtre_sous_categorie {
    width: 100%;
    max-width: 100px;
    min-width: 100px;
  }
}/*# sourceMappingURL=style.css.map */