/*
Nom du thème : Starter
URL du thème : http://www.themestarter.store-factory.com/
Auteur : Y-Proximité
URL de l'auteur : http://www.y-proximite.fr/
Description : Starter
Version : 1.0
*/

/*
Table des matières :

Store-Factory
Général
 |_ Titres
 |_ Marques
 |_ Newsletter
 |_ Réseaux sociaux
 |_ Tableaux
 |_ Divers
Regroupement
Conteneur principal
En-tête
 |_ Logo
     |_ Titre
     |_ Slogan
 |_ Langues
 |_ Commandes
     |_ Aide
     |_ Compte
     |_ Panier
Menu
 |_ Gestion menu
Colonne gauche
 |_ Filtres
     |_ Neutre
     |_ Prix
     |_ Couleur
     |_ Chargement
 |_ Recherche
     |_ Live
Fil d'ariane
Contenu principal
 |_ Accueil
     |_ Onglets
 |_ Liste
     |_ Affichage
     |_ Tri
     |_ Filtres
     |_ Pagination
     |_ Recherche avancée
 |_ Fiche produit
     |_ Image (image)
     |_ Titres (title)
     |_ Options (option)
     |_ Caractéristiques (feature)
     |_ Résumé (detail)
     |_ Commentaires Facebook (fbcomment)
     |_ Formulaire (pdt_form)
     |_ Liste associée (list)
     |_ Liste achats groupés (cross_selling)
     |_ Retour (back)
 |_ Page
Colonne droite
 |_ Extra en-tête
 |_ Arguments
 |_ Autres liens
Liens Store-Factory
Retour haut
Pied de page
 |_ Fidélisation
 |_ Pied de page
Slider
 |_ Visuels
 |_ Sélection visuel
     |_ Puces
     |_ Flèches
Onglets
Liste
 |_ Produits
 |_ Liens
 |_ Listes
 |_ Pages
Pop-up
 |_ Type #1
 |_ Type #2
     |_ Panier
     |_ Réapprovisionnement
     |_ Avent
Bandeau cookies
Derniers articles vus
Panier
Commande
 |_ Icônes étapes
 |_ Etape actuelle
 |_ Etape terminée
Media Queries
 |_ Tiny
 |_ Small
 |_ Medium
 |_ Large
 |_ 1280px
Animations
*/

@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
@import url(../fontawesome/css/fontawesome-all.min.css);

:root {
  --main-color: #02adde;
  --secondary-color: #333;
}

/* ------------------------------- */
/*  =     Store-Factory            */
/* ------------------------------- */

form,
ul,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
td {
  font-family: inherit !important;
  font-size: inherit;
  color: inherit;
}

h2 {
  margin: 0.83em 0;
}

h3 {
  margin: 1em 0;
}

ul,
ol {
  list-style-type: disc;
}

.form_field {
  font-weight: 700;
}

.btn,
.btn_short,
.btn_midle,
.btn_long,
.btn_detail,
.btn_buy {
  width: auto;
  font-size: inherit;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

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

html {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

body {
  background-image: none;
  font-family: lato, "helvetica neue", helvetica, arial, sans-serif !important;
  font-weight: 300;
  color: #888 !important;
}

body:before {
  display: none;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  line-height: 1;
  font-weight: 700;
  text-align: center;
  color: #fff;
  content: "< 481px : menu_accordeon";
}

@media screen and (min-width: 481px) {
  body:before {
    content: ">= 481px et < 769px : menu_accordeon";
  }
}
@media screen and (min-width: 769px) {
  body:before {
    content: ">= 769px et < 1025px";
  }
}
@media screen and (min-width: 1025px) {
  body:before {
    content: ">= 1025px et < 1280px";
  }
}
@media screen and (min-width: 1280px) {
  body:before {
    content: ">= 1280px";
  }
}

a:link,
a:visited,
button,
input,
textarea,
select,
.popup_bottom a {
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

a:link,
a:visited {
  outline: 1px dotted transparent;
  text-decoration: none;
}

button,
input,
textarea,
select,
*[class*="btn"]:not(.btn_pos):not(.list_btn),
.ibox,
.ibox_short,
.ibox_midle,
.ibox_long,
.ibox_vlong,
select.ibox,
select.ibox_long,
select.ibox_vlong,
#search .ibox,
.popup_bottom a,
#Annuler,
#LinkSend,
#cookie-law-info-bar #cookie-law-close-button > button {
  padding: 0 30px;
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
}

button,
input,
textarea,
select,
a[class*="btn"],
.popup_bottom a,
#Annuler,
#LinkSend {
  outline-style: none;
}

button,
input,
select,
a[class*="btn"],
.popup_bottom a,
#Annuler,
#LinkSend {
  line-height: 2.8571428571428571428571428571429; /* 40px / 14px */
}

input,
select,
#search .ibox,
#search .btn_short,
#option_contener .pdt_btn,
.popup_bottom a,
#Annuler,
#LinkSend {
  height: 2.8571428571428571428571428571429em;
}

input[type="checkbox"],
input[type="radio"],
input[type="file"] {
  height: auto;
}

input,
textarea,
select,
.ibox,
.ibox_short,
.ibox_midle,
.ibox_long,
.ibox_vlong,
#search .ibox,
#option_contener .pdt_btn {
  border: 1px solid #eee;
}

button,
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="button"],
input[type="reset"],
input[type="submit"],
.popup_bottom a,
#Annuler,
#LinkSend,
#cookie-law-info-bar #cookie-law-close-button > button {
  border-style: none;
}

input,
textarea,
select,
.ibox,
.ibox_short,
.ibox_midle,
.ibox_long,
.ibox_vlong,
#option_contener .pdt_btn {
  background-color: #fff;
  color: #666;
}

input[type="file"] {
  background-color: transparent !important;
}

button,
input,
textarea,
select,
*[class*="btn"]:not(.btn_pos):not(.list_btn),
.popup_bottom a,
#Annuler,
#LinkSend {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

input[type="checkbox"],
input[type="radio"],
input[type="file"] {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
a[class*="btn"],
.popup_bottom a,
#Annuler,
#LinkSend,
#cookie-law-info-bar #cookie-law-close-button > button {
  background-color: #02adde;
}

button,
input[type="button"]:not(.pdt_btn),
input[type="reset"],
input[type="submit"],
a[class*="btn"],
.popup_bottom a,
#Annuler,
#LinkSend {
  overflow: hidden;
  font-weight: 700;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff !important;
}

a[class*="btn"],
.popup_bottom a,
#Annuler,
#LinkSend {
  border-bottom-style: none !important;
}

input:focus,
textarea:focus,
select:focus,
#option_contener .pdt_btn:focus {
  background-color: #eee;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
a[class*="btn"]:hover,
a[class*="btn"]:focus,
.popup_bottom a:hover,
.popup_bottom a:focus,
#Annuler:hover,
#Annuler:focus,
#LinkSend:hover,
#LinkSend:focus,
#cookie-law-info-bar #cookie-law-close-button > button:hover,
#cookie-law-info-bar #cookie-law-close-button > button:focus {
  background-color: #333;
}

button:disabled,
input:disabled,
textarea:disabled,
select:disabled {
  cursor: not-allowed !important;
  filter: alpha(opacity=50) !important;
  opacity: 0.5 !important;
}

input:not(:placeholder-shown):invalid {
  border-color: #bf0000 !important;
}

/*  = --- Titres ----------------- */

h3,
.h3-like,
h4,
.h4-like,
h5,
.h5-like,
h6,
.h6-like {
  text-transform: none;
}

h2,
.h2-like,
h5,
.h5-like {
  font-size: 1em !important;
}

h4,
.h4-like {
  font-size: 1.1428571428571428571428571428571em !important; /* 16px / 14px */
}

h6,
.h6-like {
  font-size: 0.85714285714285714285714285714286em !important; /* 12px / 14px */
}

h1 > a,
.h1-like > a,
h2 > a,
.h2-like > a,
h3 > a,
.h3-like > a,
h4 > a,
.h4-like > a,
h5 > a,
.h5-like > a {
  border-bottom-style: none !important;
  outline-style: none !important;
  font-size: 1em;
  font-weight: inherit;
  color: inherit !important;
}

/*  = --- Marques ---------------- */

ul.marques {
  display: table;
  table-layout: fixed;
  width: 100%;
  text-align: center;
}

ul.marques > li {
  display: table-cell;
  padding: 10px;
}

ul.marques a {
  outline-style: none;
  -webkit-filter: grayscale(1);
  filter: alpha(opacity=50) grayscale(1);
  opacity: 0.5;
}

ul.marques.couleurs_officielles a {
  -webkit-filter: none;
  filter: alpha(opacity=75);
  opacity: 0.75;
}

.work_margin ul.marques a {
  border-bottom-style: none;
}

ul.marques a:hover,
ul.marques a:focus {
  -webkit-filter: grayscale(0);
  filter: alpha(opacity=100) grayscale(0);
  opacity: 1;
}

/*  = --- Newsletter ------------- */

form.newsletter {
  display: inline-block;
  position: relative;
  width: 400px;
  max-width: 100%;
  margin-top: 0.75em;
}

body:not(.newsletter_ok) form.newsletter {
  display: none;
}

form.newsletter:first-child {
  margin-top: 0;
}

#mail_newsletter {
  width: 100%;
  border-width: 2px;
}

form.newsletter > input[type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent;
  color: #333 !important;
  -moz-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  -moz-border-top-left-radius: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

form.newsletter > input[type="submit"]:hover,
form.newsletter > input[type="submit"]:focus {
  background-color: #333;
  color: #fff !important;
}

/*  = --- Réseaux sociaux -------- */

ul.reseaux_sociaux {
  padding-left: 0;
  font-size: 30px;
}

ul.reseaux_sociaux > li {
  display: inline-block;
}

ul.reseaux_sociaux > li + li {
  margin-left: 1em;
}

ul.reseaux_sociaux a {
  outline-style: none;
}

.work_margin ul.reseaux_sociaux a {
  border-bottom-style: none;
}

.work_margin ul.reseaux_sociaux a:hover,
.work_margin ul.reseaux_sociaux a:focus {
  color: #333;
}

/*  = --- Tableaux --------------- */

.tableau,
.tableau th,
.tableau td {
  border: 1px solid #f9f9f9;
}

.tableau {
  margin-top: 1.5em; /* .75em * 2 */
  background-color: #f0f0f0;
}

.tableau > caption,
.tableau th:not([scope]) {
  text-transform: uppercase;
}

.tableau > caption,
.tableau th,
.tableau td {
  padding: 0.6em 1.6em;
}

.tableau > caption {
  margin-top: 0;
  background-color: #333;
  font-weight: 700;
  font-style: normal;
  color: #fff;
}

.tableau > thead,
.tableau tr:hover {
  background-color: #fff;
}

.tableau tr {
  -moz-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.tableau th {
  color: #333;
}

/*  = --- Divers ----------------- */

[class*="btn_icone"] {
  font-family: "Font Awesome\ 5 Pro";
  font-weight: 400 !important;
}

.btn_icone_l {
  font-weight: 300 !important;
}
.btn_icone_r {
  font-weight: 400 !important;
}
.btn_icone_s {
  font-weight: 900 !important;
}
.btn_icone_b {
  font-weight: 900 !important;
}

.invisible {
  display: none !important;
}

ul.liste_puces {
  padding-left: 0;
  list-style-type: none;
  text-align: left;
}

ul.liste_puces > li:before {
  margin-right: 0.5em;
  font-family: "Font Awesome\ 5 Pro";
  font-size: 0.92857142857142857142857142857143em; /* 13px / 14px */
  font-weight: 700;
  vertical-align: middle;
  color: #02adde;
  content: "\f0da";
}

/* ------------------------------- */
/*  =     Regroupement             */
/* ------------------------------- */

html,
#footer_contener {
  background-color: #f9f9f9;
}

body {
  background-color: #fff !important;
}

#top,
.onglets.pages > td,
#pagination a,
#pd_zoom,
#image > .zvc,
#slider_cross_selling > .btn_browse > a,
#slider_list_viewed > .btn_browse > a,
#sup_1,
#content_popup_bsk_onglet > #list,
#content_sticky {
  background-color: #fff;
}

#home .list_content,
#list .list_content,
#slider_cross_selling .item,
#slider_list_viewed .item_product {
  border-color: #fff;
}

#master,
#top,
#ff_center,
#sup_1,
#footer_contener > .arround > ul,
#fidelisation > div,
#pied_page,
.popup,
.sf_pop,
#cookie-law-info-bar > p,
#content_sticky_history,
#sticky_footer > .title_sticky {
  width: auto;
  max-width: 1250px;
  margin: 0 auto;
}

#top,
#formFF,
#search,
#navigation > ul,
#work,
#work_order,
#advsearch_home,
#advsearch_contener,
#right_contener > div,
#footer_contener > .arround,
#link_contener,
#fidelisation,
#pied_page,
.scrollable > .slidetabs,
.popup_cont,
.pop_up > table > tbody > tr > td,
#cookie-law-info-bar,
#content_sticky_history,
#sticky_footer > .title_sticky {
  padding-right: 15px;
  padding-left: 15px;
}

#top,
#navig,
#menu li,
#ff_center > .ff_crit_bloc,
#ff_slider_range_price,
#ff_crit_list_color .ff_label,
#search > p,
#searchLiveResult,
#searchLiveResult > .sl-items,
#navigation > ul,
#image .items > a,
.scrollable > .slidetabs > a,
.onglets,
.onglets h2,
#list_contener,
#slider_cross_selling_top,
#slider_cross_selling,
#pagination a,
#advsearch_home,
#advsearch_contener,
#advsearch_home p[class^="asearch_"],
#advsearch_contener p[class^="asearch_"],
#option_contener .prod_choice,
#option_contener .prod_choice > li,
#feature,
.block_quantity > input,
#contener_tab,
#contener_tab > div,
#right_contener > div,
#footer_contener > .arround,
#link_contener,
#content_popup_div_bkjs,
#content_sticky {
  border: 1px solid #eee;
}

#zoom {
  border-color: #eee !important;
}

h1,
.h1-like,
h2,
.h2-like,
h3,
.h3-like,
h4,
.h4-like,
h5,
.h5-like,
h6,
.h6-like,
#ff_center > .ff_title,
#advsearch_home .primary,
#product h2,
#contener_tab {
  color: #333;
}

h1,
.h1-like,
h2,
.h2-like,
h3,
.h3-like,
h4,
.h4-like,
h5,
.h5-like,
h6,
.h6-like,
#ff_center > .ff_title,
#advsearch_home .primary,
#contener_tab {
  line-height: 1;
  font-weight: 700;
}

h1,
.h1-like,
h2,
.h2-like,
#ff_center > .ff_title,
#advsearch_home .primary,
#contener_tab,
#list_cross_selling > h3 {
  text-transform: uppercase;
}

h1,
.h1-like,
h3,
.h3-like,
#ff_center > .ff_title,
#advsearch_home .primary,
#mag_table_home > tbody > tr > td > h2:first-child,
.onglets h2,
#product > .pd00,
#contener_tab {
  font-size: 1.2857142857142857142857142857143em !important; /* 18px / 14px */
}

#ff_center > .ff_title:after,
#advsearch_home .primary:after,
.work_margin > h1:after,
#mag_table_home > tbody > tr > td > h2:first-child:after,
.onglets h2:after,
#contener_tab > div:after,
.pop_event .contener > h2:first-child:after,
#basket h1:after {
  display: block;
  width: 65px;
  height: 3px;
  margin: 1em auto 0;
  background-color: #02adde;
  content: "";
}

#top {
  padding-top: 20px;
  padding-bottom: 7.5px; /* 15px / 2 */
}

#flag,
#comand,
#ouvrir_menu,
#search {
  top: 20px;
}

#comand {
  right: 15px;
}

#ouvrir_menu,
#search {
  left: 15px;
}

#fermer_menu {
  margin: 20px 15px;
}

#search {
  padding-top: 7.5px;
  padding-bottom: 15px;
}

#comand a:after,
a.gestion_menu > i {
  font-size: 24px;
}

#comand a:hover,
#comand a:focus,
div#log_name > a,
#comand .basket,
a.gestion_menu {
  color: #333;
}

#log_name > a:hover,
#log_name > a:focus,
#comand .basket > a:after,
a.gestion_menu:hover,
a.gestion_menu:focus {
  color: #02adde;
}

.work_margin a,
.work_margin a:hover,
.pop_up a:hover,
.work_margin a:focus,
.pop_up a:focus {
  color: #02adde;
}

.work_margin a:focus,
.pop_up a:focus {
  outline-color: #02adde;
}

.work_margin a {
  border-bottom: 1px solid #02adde;
}

.work_margin a:hover,
.work_margin a:focus {
  border-bottom-color: transparent;
}

.pop_up a {
  border-bottom-style: none;
  color: inherit;
}

.error,
#popupbkjs_stockinsufficient,
#mail_reapro_pop_errorMail,
#popupAlertOptionNotSelected {
  font-weight: 700;
  color: #bf0000;
}

#ff_center > .ff_reset > a,
#search > p,
#searchLiveResult,
#pagination li,
#option_contener .prod_choice,
#option_contener .prod_choice > .zerostock > a:after,
#option_contener .opt_choice .zerostock:after,
#home .list_content .buydisable,
#list .list_content .buydisable {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

#ff_center > .ff_title,
#ff_center > .ff_reset,
#advsearch_home .primary {
  margin-bottom: 20px;
}

#ff_center > .ff_crit_bloc,
#advsearch_home p[class^="asearch_"],
#advsearch_contener p[class^="asearch_"] {
  padding: 15px;
  border-style: none;
  text-align: left;
}

#ff_center > .ff_crit_bloc,
#advsearch_home p[class^="asearch_"],
#advsearch_contener p[class^="asearch_"] + p {
  border-top-style: solid;
}

#ff_center .ff_crit_title,
#advsearch_home p[class^="asearch_"] > span:first-child,
#advsearch_contener p[class^="asearch_"] > span:first-child {
  font-weight: 700;
  text-transform: uppercase;
  color: #333;
}

#ff_center .ff_crit_title:before,
#advsearch_home p[class^="asearch_"] > span:first-child:before,
#advsearch_contener p[class^="asearch_"] > span:first-child:before {
  display: inline-block;
  border: 5px solid transparent;
  border-left-color: #02adde;
  content: "";
}

#ff_container,
#chargement_filtres,
#image > .popup_zoom,
.pop_up {
  visibility: hidden;
  background-color: #fff;
  filter: alpha(opacity=0);
  opacity: 0;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

#ff_container,
#image > .popup_zoom,
.pop_up {
  background-color: rgba(255, 255, 255, 0.9);
}

#ff_container.actif,
#chargement_filtres.actif,
#image > .popup_zoom[style*="inline"],
.pop_up[style*="inline"],
.pop_up[style*="block"] {
  visibility: visible;
  filter: alpha(opacity=100);
  opacity: 1;
}

#ff_container,
#chargement_filtres,
#image > .popup_zoom,
.pop_up,
.pop_up > table {
  height: 100%;
}

#ff_container,
#chargement_filtres,
#image > .popup_zoom,
#master .pop_up,
#alert_newslet_error,
#alert_newslet_sub {
  z-index: 9999;
}

#ff_container,
#chargement_filtres,
#image > .popup_zoom,
.pop_up {
  display: table !important;
}

#ff_container,
#chargement_filtres,
#image > .popup_zoom {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

#formFF,
#chargement_filtres > div,
#image_zoom,
.popup_cont,
.pop_up > table > tbody > tr > td {
  display: table-cell !important;
  vertical-align: middle !important;
}

#ff_center,
#image_zoom > img,
.popup,
.sf_pop {
  -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.4);
}

#ff_center,
#image_zoom > img,
.popup,
.sf_pop {
  border: 10px solid #fff;
}

.sf_pop > .top > input {
  background-color: #fff;
}

#ff_center,
.popup,
.sf_pop,
#content_popup_bsk_onglet .title_associed:before {
  background-color: #f9f9f9;
}

#ff_center,
.popup,
.sf_pop {
  max-height: 100%;
  overflow: auto;
  margin-top: -200px;
  padding: 30px;
  text-align: center;
  -moz-transition: margin-top 0.5s;
  -o-transition: margin-top 0.5s;
  -webkit-transition: margin-top 0.5s;
  transition: margin-top 0.5s;
  -webkit-overflow-scrolling: touch;
}

/* NOTE : Correctif Safari 9 */

@supports (overflow: -webkit-marquee) and (justify-content: inherit) {
  #ff_center,
  .popup,
  .sf_pop {
    height: 100%;
  }
}

/* NOTE : Correctif iOS */

@media (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 768px) {
  #ff_center,
  .popup,
  .sf_pop {
    height: 100%;
  }
}

#ff_container.actif #ff_center,
.pop_up[style*="inline"] .popup,
.pop_up[style*="inline"] .sf_pop,
.pop_up[style*="block"] .popup,
.pop_up[style*="block"] .sf_pop {
  margin-top: 0;
}

#image,
#zoom,
#image > .zvc,
#image > .popup_zoom,
.scrollable,
#home .list_content > a:first-child,
#list .list_content > a:first-child,
#slider_cross_selling .item > a:first-child,
#slider_list_viewed .item_product > a:first-child,
#content_popup_bsk_onglet .title_associed:before {
  background-image: url(../img/chargement.gif);
  background-repeat: no-repeat;
  background-position: center;
}

#image .items,
.scrollable > .slidetabs {
  font-size: 0;
}

#image .items > a,
#work .scrollable > .slidetabs > a {
  border-width: 2px;
  border-bottom-style: solid;
  outline-style: none;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

#image .items > a:hover,
#image .items > a:focus,
#image .items > a.actif,
.scrollable > .slidetabs > a:hover,
.scrollable > .slidetabs > a:focus,
.scrollable > .slidetabs > a.current {
  border-color: #02adde;
}

#image .items > a.actif,
.scrollable > .slidetabs > a.current {
  background-color: #02adde;
}

#slider_cross_selling,
#slider_list_viewed {
  background: none;
}

#slider_cross_selling > .btn_browse > a,
#slider_list_viewed > .btn_browse > a {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

#slider_cross_selling > .btn_browse > a:not(:hover),
#slider_list_viewed > .btn_browse > a:not(:hover) {
  color: #02adde;
}

/* ------------------------------- */
/*  =     Conteneur principal      */
/* ------------------------------- */

#master {
  background: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: column;
  -moz-box-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

#top,
#left {
  -webkit-box-ordinal-group: -1;
  -moz-box-ordinal-group: -1;
  -ms-flex-order: -1;
  -webkit-order: -1;
  order: -1;
}

/* ------------------------------- */
/*  =     En-tête                  */
/* ------------------------------- */

#top {
  position: relative;
  width: 100%;
  height: auto;
  background-image: none;
  border-style: none;
  text-align: center;
}

#flag,
#comand {
  z-index: 1001;
}

#flag,
#comand .account,
#comand .log {
  display: none;
}

#master:target #flag,
#master:target #comand .account,
#master:target #comand #log_logout {
  display: inline-block;
  -webkit-animation: anim_commandes 0.5s 0.5s backwards;
  -moz-animation: anim_commandes 0.5s 0.5s backwards;
  -ms-animation: anim_commandes 0.5s 0.5s backwards;
  -o-animation: anim_commandes 0.5s 0.5s backwards;
  animation: anim_commandes 0.5s 0.5s backwards;
}

/*  = --- Logo ------------------- */

#logo > a {
  display: inline-block;
}

#logo > a:hover,
#logo > a:focus {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

#logo > a:focus {
  outline-color: #02adde;
}

#logo img {
  max-width: 155px;
}

/* Titre */

#logo span {
  margin-top: 10px;
  font-weight: 700;
}

/* Slogan */

#logo p {
  position: absolute;
  margin-top: 0;
  font-weight: inherit;
}

/*  = --- Langues ---------------- */

#flag {
  left: 25%;
  width: 50%;
  font-weight: 700;
  text-transform: uppercase;
}

#flag > ul {
  padding-left: 0;
}

#flag li {
  display: inline;
  float: none;
  padding: 0;
}

#flag li + li:before {
  content: " / ";
}

#flag a {
  display: inline;
  background-image: none !important;
  color: inherit;
}

#flag a:hover,
#flag a:focus,
#flag .fr > a:lang(fr),
#flag .en > a:lang(en),
#flag .de > a:lang(de),
#flag .sp > a:lang(sp),
#flag .it > a:lang(it),
#flag .pt > a:lang(pt),
#flag .ru > a:lang(ru),
#flag .ma > a:lang(ma),
#flag .nl > a:lang(nl),
#flag .jp > a:lang(jp),
#flag .bg > a:lang(bg),
#flag .rs > a:lang(rs),
#flag .cn > a:lang(cn),
#flag .ro > a:lang(ro),
#flag .vn > a:lang(vn) {
  color: #333;
}

#flag a:focus {
  outline-color: #333;
}

#flag span {
  display: inline;
}

/*  = --- Commandes -------------- */

#comand {
  position: absolute;
  width: auto;
  height: auto;
  margin: 0;
  background: none;
  text-align: right;
}

#master:target #comand {
  position: fixed;
}

#comand > ul {
  padding-left: 0;
  line-height: 1;
}

#comand li {
  display: inline-block;
  float: none;
  margin-left: 1.7857142857142857142857142857143em; /* 25px / 14px */
  padding: 0;
  vertical-align: top;
}

#comand .account,
#comand .basket {
  background-image: none;
}

#comand a,
#comand a:after {
  display: block;
}

#comand a {
  color: inherit;
}

#comand a:after {
  font-family: "Font Awesome\ 5 Pro" !important;
  font-weight: 700;
  color: #9a9a9a;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

#comand a:hover:after,
#comand a:focus:after {
  color: inherit;
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

#comand li > a {
  text-transform: uppercase;
}

div#comand span {
  display: none;
  font-size: inherit;
  font-weight: inherit;
  text-transform: inherit;
  color: inherit !important;
}

/* Aide */

#comand .help > a:after {
  content: "\f059";
}

/* Compte */

#comand .account > a:after,
#log_login > a:after {
  content: "\f007";
}

#log_logout > a:after {
  content: "\f235";
}

#comand .log_detail {
  display: block;
  overflow: hidden;
  font-size: 0.85714285714285714285714285714286em; /* 12px / 14px */
}

#log_name {
  font-weight: 700;
}

/* Panier */

#comand .basket {
  position: relative;
  cursor: default;
}

body:not(.panier) #comand .basket {
  display: none;
}

#comand .basket > a {
  font-weight: 700;
}

#comand .basket > a:after {
  content: "\f291";
}

#comand .basket > a.actif:after {
  -webkit-animation: anim_panier 0.5s;
  -moz-animation: anim_panier 0.5s;
  -ms-animation: anim_panier 0.5s;
  -o-animation: anim_panier 0.5s;
  animation: anim_panier 0.5s;
}

#item_basket #charact_basket,
#item_basket #total_basket,
#item_basket #chartotal_basket,
#item_basket #charit_basket {
  display: none;
}

#item_basket #numit_basket {
  display: inline;
  position: absolute;
  right: 100%;
  bottom: -10px;
  min-width: 2em; /* 22px / 11px */
  margin-right: -10px;
  padding: 0 5px;
  background-color: #eee;
  font-size: 0.78571428571428571428571428571429em; /* 11px / 14px */
  line-height: 2;
  text-align: center;
  -moz-border-radius: 1em; /* 2em / 2 */
  -webkit-border-radius: 1em;
  border-radius: 1em;
}

#total_basket {
  padding: 0.25em 0.5em;
  background-color: #02adde;
  font-size: 0;
  font-weight: 400;
  color: #fff;
  -moz-transition: font-size 0.5s;
  -o-transition: font-size 0.5s;
  -webkit-transition: font-size 0.5s;
  transition: font-size 0.5s;
}

#total_basket > span:before {
  content: " ";
}

#comand .basket:hover #total_basket,
#comand .basket > a:focus + #item_basket > #total_basket {
  font-size: 1em;
}

/* ------------------------------- */
/*  =     Menu                     */
/* ------------------------------- */

#navig {
  position: fixed;
  top: 0;
  bottom: 0;
  left: -100%;
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0;
  background: #fff;
  border-style: none;
  text-align: center;
  -moz-transition: left 0.5s;
  -o-transition: left 0.5s;
  -webkit-transition: left 0.5s;
  transition: left 0.5s;
}

body:not([class*="menu_"]) #navig {
  position: static;
  max-height: 300px;
}

#master:target > #navig {
  left: 0;
}

#navig ul {
  padding-left: 0;
}

#menu {
  clear: left;
  margin-top: 0;
}

#menu li {
  border-style: none none solid;
}

#menu span {
  font-size: inherit;
  font-weight: inherit;
  text-transform: inherit;
  color: inherit !important;
}

#menu > li.mns {
  width: 100%;
  margin: 0;
}

#menu a.menu:hover,
#menu a.menu:focus,
#menu .accordeon.actif,
#menu .smenu {
  background-color: #f9f9f9;
}

#menu a.menu,
#menu .smenu a {
  padding: 0 25px;
}

#menu a.menu,
ul#menu a.smenu_header_h2,
#menu .smenu a:hover,
#menu .smenu a:focus {
  color: #333;
}

#menu a.menu,
ul#menu a.smenu_header_h2 {
  font-weight: 700;
  text-transform: uppercase;
}

#menu a.smenu_header_h2,
#menu .smenu a:hover,
#menu .smenu a:focus {
  background-color: #eee;
}

#menu a.menu {
  line-height: 3.2142857142857142857142857142857; /* 45px / 14px */
}

#menu a.menu:hover,
#menu a.menu:focus {
  padding-left: 35px; /* 25px + 10px */
}

#menu .accordeon:before {
  float: right;
  font-family: "Font Awesome\ 5 Pro";
  color: #02adde;
  content: "\f0da";
  -ms-transform-origin: left;
  -moz-transform-origin: left;
  -o-transform-origin: left;
  -webkit-transform-origin: left;
  transform-origin: left;
  -moz-transition: -moz-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}

#menu .accordeon.actif:before {
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

#menu .smenu {
  position: static;
  visibility: hidden !important;
  width: auto;
  height: 0;
  overflow: hidden;
  margin-left: 0;
  border-style: none;
  -ms-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -o-transform: scaleY(0);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -ms-transform-origin: top;
  -moz-transform-origin: top;
  -o-transform-origin: top;
  -webkit-transform-origin: top;
  transform-origin: top;
  -moz-transition: -moz-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}

#menu .accordeon.actif + .smenu {
  visibility: visible !important;
  height: auto;
  -ms-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -o-transform: scaleY(1);
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

#menu .smenu a {
  font-size: 1.1428571428571428571428571428571em; /* 16px / 14px */
  font-weight: inherit;
  line-height: 1.875; /* 30px / 16px */
  color: #888;
}

#menu .smenu_header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: column;
  -moz-box-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

#menu a.smenu_header_img {
  display: none;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}

#menu a.smenu_header_img:hover,
#menu a.smenu_header_img:focus {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

#menu a.smenu_header_h2 {
  font-size: 1em;
  line-height: 2.1428571428571428571428571428571; /* 30px / 14px */
}

#menu .i {
  display: none;
  background-image: none;
}

/*  = --- Gestion menu ----------- */

a.gestion_menu > i,
a.gestion_menu > span {
  vertical-align: middle;
}

#master a.gestion_menu > span {
  display: none;
  margin-left: 0.5em; /* 6px / 12px */
  font-size: 0.85714285714285714285714285714286em; /* 12px / 14px */
  font-weight: inherit;
  text-transform: uppercase;
  color: inherit;
}

#ouvrir_menu {
  position: absolute;
}

#fermer_menu {
  float: left;
  margin-left: 25px;
}

/* ------------------------------- */
/*  =     Colonne gauche           */
/* ------------------------------- */

#left {
  float: none;
  width: auto;
}

/*  = --- Filtres ---------------- */

#ff_container_temp {
  display: none;
}

#ff_top,
#ff_bottom {
  display: none;
}

#ff_center > .ff_title,
#ff_center > .ff_reset {
  margin-bottom: 20px;
}

#ff_center > .ff_reset > a {
  display: inline-block;
  padding: 5px 10px;
  background-color: #eee;
  border-bottom-style: none;
  font-weight: 400;
  cursor: pointer;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

#ff_center > .ff_reset > a:before {
  margin-right: 0.5em;
  font-family: "Font Awesome\ 5 Pro";
  content: "\f05e";
}

#ff_center > .ff_reset > a:hover {
  background-color: #333;
  color: #fff;
}

#ff_center .ff_crit_title {
  cursor: pointer;
  -moz-transition: color 0.5s;
  -o-transition: color 0.5s;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}

#ff_center .ff_crit_title:before {
  -ms-transform-origin: left;
  -moz-transform-origin: left;
  -o-transform-origin: left;
  -webkit-transform-origin: left;
  transform-origin: left;
}

#ff_center .ff_crit_title:hover {
  color: #02adde;
}

#ff_center .ff_crit_title_open:before {
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

#ff_center .ff_crit_list,
#ff_center .list_price_ff {
  margin-top: 15px;
}

/* Neutre */

#ff_center .ff_crit_list {
  padding-left: 0;
  list-style-type: none;
}

#ff_center .ff_label {
  margin-top: 0;
}

#ff_center .ff_crit_att_checked {
  color: #333;
}

/* Prix */

#ff_slider_range_price {
  background: #fff;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

#ff_slider_range_price > .ui-slider-range {
  background: #eee;
}

#ff_slider_range_price > .ui-slider-handle {
  background: #e3e3e3;
  border-style: none;
  outline-style: none;
  cursor: move;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  cursor: grab;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}

#ff_slider_range_price > .ui-state-hover {
  background-color: #02adde;
}

#ff_slider_range_price > .ui-state-focus {
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

#ff_crit_list_price > .ff_slider_count {
  font-size: 0.85714285714285714285714285714286em; /* 12px / 14px */
  text-align: center;
  cursor: default;
}

#ff_crit_list_price > .ff_slider_count label {
  cursor: inherit;
}

#ff_crit_list_price .ff_slideLeft:after {
  content: " - ";
}

/* Couleur */

#ff_crit_list_color {
  font-size: 0;
}

#ff_crit_list_color > li {
  display: inline-block;
  margin: 1px; /* 2px / 2 */
  font-size: 14px;
  font-size: 1.4rem;
}

#ff_crit_list_color .ff_chk {
  display: none;
}

#ff_crit_list_color .ff_label {
  position: relative;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: cover;
  line-height: 40px;
  text-align: center;
  color: #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: border-color 0.5s;
  -o-transition: border-color 0.5s;
  -webkit-transition: border-color 0.5s;
  transition: border-color 0.5s;
}

#ff_crit_list_color .ff_label:not(.ff_crit_inactive):hover {
  border-color: #333;
}

.ff_noir {
  background-color: #000000;
}
.ff_gris {
  background-color: #888888;
}
.ff_blanc {
  background-color: #ffffff;
}
.ff_marron {
  background-color: #85643e;
}
.ff_beige {
  background-color: #f0e4c4;
}
.ff_rouge {
  background-color: #d81f1f;
}
.ff_rose {
  background-color: #ff88af;
}
.ff_orange {
  background-color: #ef8620;
}
.ff_jaune {
  background-color: #fff728;
}
.ff_cru {
  background-color: #fffee1;
}
.ff_vert {
  background-color: #6cc811;
}
.ff_turquoise {
  background-color: #20ccc7;
}
.ff_bleu {
  background-color: #094592;
}
.ff_violet {
  background-color: #a240d0;
}
.ff_or {
  background-color: #cfb16a;
}
.ff_argent {
  background-color: #e2e2e2;
}
.ff_multicolor {
  background-image: url(../img/option_multicolor.jpg);
}
.ff_transparent {
  background-image: url(../img/option_transparent.jpg);
}

#ff_crit_list_color .ff_label > span {
  visibility: hidden;
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 10em;
  margin-left: -5em; /* 10em / 2 */
  padding: 10px;
  background-color: #333;
  font-size: 0.71428571428571428571428571428571em; /* 10px / 14px */
  line-height: 1;
  text-transform: uppercase;
  filter: alpha(opacity=0);
  opacity: 0;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

#ff_crit_list_color .ff_label:not(.ff_crit_inactive):hover > span {
  visibility: visible;
  margin-bottom: 5px;
  filter: alpha(opacity=100);
  opacity: 1;
}

#ff_crit_list_color .ff_crit_color_checked:before {
  font-family: "Font Awesome\ 5 Pro";
  text-shadow: 0 0 1px #000;
  content: "\f00c";
}

#ff_crit_list_color .ff_crit_inactive {
  cursor: not-allowed;
  filter: alpha(opacity=25);
  opacity: 0.25;
}

/* Chargement */

#chargement_filtres {
  -moz-transition-duration: 0.0625s;
  -o-transition-duration: 0.0625s;
  -webkit-transition-duration: 0.0625s;
  transition-duration: 0.0625s;
}

#chargement_filtres .sk-rotating-plane,
#chargement_filtres .sk-double-bounce .sk-child,
#chargement_filtres .sk-wave .sk-rect,
#chargement_filtres .sk-wandering-cubes .sk-cube,
#chargement_filtres .sk-spinner-pulse,
#chargement_filtres .sk-chasing-dots .sk-child,
#chargement_filtres .sk-three-bounce .sk-child,
#chargement_filtres .sk-circle .sk-child:before,
#chargement_filtres .sk-cube-grid .sk-cube,
#chargement_filtres .sk-fading-circle .sk-circle:before,
#chargement_filtres .sk-folding-cube .sk-cube:before {
  background-color: #02adde;
}

/*  = --- Recherche -------------- */

#search {
  position: relative;
}

#search > p {
  position: relative;
  overflow: hidden;
}

#search > p:before,
#search .btn_short {
  width: 20%;
}

#search > p:before {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -9px; /* 18px / 2 */
  font-family: "Font Awesome\ 5 Pro";
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  text-align: center;
  color: #333;
  content: "\f002";
}

#search input {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

#search .ibox {
  width: 80%;
  padding: 0 10px;
  border-style: none;
}

#search .btn_short {
  background-color: #02adde;
  text-indent: -20000em;
  filter: alpha(opacity=0);
  opacity: 0;
}

#search .btn_short:hover,
#search .btn_short:focus {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

/* Live */

#searchLiveResult a {
  display: flex;
  align-items: center;
  padding: 5px;
}

#searchLiveResult a:hover,
#searchLiveResult a:focus {
  background-color: #f9f9f9;
}

#searchLiveResult > .sl-items,
#searchLiveResult > .sl-footer {
  padding: 0;
}

#searchLiveResult > .sl-items {
  border-style: none none solid;
}

#searchLiveResult > .sl-items img {
  width: 50px;
  height: 50px;
  object-fit: contain;
}

#searchLiveResult > .sl-footer {
  position: sticky;
  bottom: 0;
}

#searchLiveResult > .sl-footer > a {
  justify-content: flex-end;
  background-color: #eee;
  text-transform: uppercase;
}

#searchLiveResult > .sl-footer > a:after {
  margin-left: 1em;
  font-family: "Font Awesome\ 5 Pro";
  font-weight: 700;
  content: "\f061";
}

/* ------------------------------- */
/*  =     Fil d'ariane             */
/* ------------------------------- */

#navigation {
  width: auto;
  padding: 0;
}

#navigation > ul {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #f9f9f9;
  border-style: solid none;
  font-size: 0.85714285714285714285714285714286em; /* 12px / 14px */
  font-weight: 400;
}

#navigation li {
  display: inline;
  float: none;
  padding: 0;
  background-image: none;
}

#navigation li + li:before,
#navigation .first > a:before {
  font-family: "Font Awesome\ 5 Pro";
  font-weight: 700;
}

#navigation li + li:before {
  margin: 0 1em;
  content: "\f0da";
}

#navigation .first > a:before {
  margin-right: 0.5em;
  content: "\f015";
}

#navigation a {
  border-bottom: 1px solid transparent;
  color: #333;
}

#navigation a:hover,
#navigation a:focus {
  border-bottom-color: #333;
}

#navigation span {
  color: inherit !important;
}

/* ------------------------------- */
/*  =     Contenu principal        */
/* ------------------------------- */

#work,
#work_order {
  width: auto;
  padding-top: 25px;
  padding-bottom: 50px;
}

.work_margin {
  margin: 0;
}

.work_margin:not(#product) > h1,
.work_margin > .header,
#basket h1 {
  text-align: center;
}

.work_margin > h1,
#basket h1 {
  line-height: inherit;
}

.work_margin .header .view,
.work_margin > .view:not(#image) {
  display: none;
  margin: 0 auto 40px !important;
}

.work_margin .header > div {
  max-width: 1000px;
  margin: 0 auto;
}

#work > .btn_pos,
.work_margin > .btn_pos,
#formulaire > .btn_pos,
#basket_empty > .btn_pos {
  margin: 0;
}

#work > .btn_pos,
.work_margin:not(.popup_zoom) > .btn_pos,
#formulaire > .btn_pos,
#basket_empty > .btn_pos {
  padding-top: 2.5em; /* 35px / 14px */
}

#work > .btn_pos > input,
.work_margin:not(.popup_zoom) > .btn_pos > input,
#formulaire > .btn_pos > input,
#basket_empty > .btn_pos > input {
  margin-bottom: 10px;
}

#work > .btn_pos,
.work_margin:not(.popup_zoom) > .btn_pos,
#work #formulaire > .btn_pos {
  display: none;
}

#option_contener .prod_choice > .zerostock > a:after,
#option_contener .opt_choice .zerostock:after,
#home .list_content .buydisable,
#list .list_content .buydisable {
  padding: 0.25em 0.5em !important;
  border: 1px solid #bf0000;
  font-size: 0.71428571428571428571428571428571em !important; /* 10px / 14px */
  line-height: 1;
  font-weight: 400 !important;
  text-transform: uppercase;
  color: #bf0000 !important;
}

.view {
  float: none;
}

#master > #work .wishlist,
#actionCloseSticky > .close {
  width: 40px;
  height: 40px;
  background-position: center;
}

#master > #work .wishlist {
  right: 0;
  margin-top: -40px !important;
}

#actionCloseSticky > .close {
  z-index: 1;
}

.pdtcode_txt {
  display: none;
}

.pdtcode:before {
  content: "Code / Ref : ";
}

.pdtbrand:before {
  content: "Marque : ";
}

.priceindicative:before,
.price_ref:before {
  content: "Prix indicatif : ";
}

.en_stock,
.out_stock {
  background-image: none;
}

span[class^="discountpercent_"]:before {
  min-width: 3em;
  padding: 0 0.25em;
  line-height: 3;
  font-weight: 400;
  font-variant: small-caps;
  text-align: center;
  color: #fff;
  -moz-border-radius: 1.5em; /* 3em / 2 */
  -webkit-border-radius: 1.5em;
  border-radius: 1.5em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.discountpercent_1:before {
  background-color: #a4c9e3;
  content: "-1%";
}
.discountpercent_2:before {
  background-color: #a4c9e3;
  content: "-2%";
}
.discountpercent_3:before {
  background-color: #a4c9e3;
  content: "-3%";
}
.discountpercent_4:before {
  background-color: #a4c9e3;
  content: "-4%";
}
.discountpercent_5:before {
  background-color: #a4c9e3;
  content: "-5%";
}
.discountpercent_6:before {
  background-color: #a4c9e3;
  content: "-6%";
}
.discountpercent_7:before {
  background-color: #a4c9e3;
  content: "-7%";
}
.discountpercent_8:before {
  background-color: #a4c9e3;
  content: "-8%";
}
.discountpercent_9:before {
  background-color: #a4c9e3;
  content: "-9%";
}
.discountpercent_10:before {
  background-color: #a4c9e3;
  content: "-10%";
}

.discountpercent_11:before {
  background-color: #82bacb;
  content: "-11%";
}
.discountpercent_12:before {
  background-color: #82bacb;
  content: "-12%";
}
.discountpercent_13:before {
  background-color: #82bacb;
  content: "-13%";
}
.discountpercent_14:before {
  background-color: #82bacb;
  content: "-14%";
}
.discountpercent_15:before {
  background-color: #82bacb;
  content: "-15%";
}
.discountpercent_16:before {
  background-color: #82bacb;
  content: "-16%";
}
.discountpercent_17:before {
  background-color: #82bacb;
  content: "-17%";
}
.discountpercent_18:before {
  background-color: #82bacb;
  content: "-18%";
}
.discountpercent_19:before {
  background-color: #82bacb;
  content: "-19%";
}
.discountpercent_20:before {
  background-color: #82bacb;
  content: "-20%";
}

.discountpercent_21:before {
  background-color: #507da6;
  content: "-21%";
}
.discountpercent_22:before {
  background-color: #507da6;
  content: "-22%";
}
.discountpercent_23:before {
  background-color: #507da6;
  content: "-23%";
}
.discountpercent_24:before {
  background-color: #507da6;
  content: "-24%";
}
.discountpercent_25:before {
  background-color: #507da6;
  content: "-25%";
}
.discountpercent_26:before {
  background-color: #507da6;
  content: "-26%";
}
.discountpercent_27:before {
  background-color: #507da6;
  content: "-27%";
}
.discountpercent_28:before {
  background-color: #507da6;
  content: "-28%";
}
.discountpercent_29:before {
  background-color: #507da6;
  content: "-29%";
}
.discountpercent_30:before {
  background-color: #507da6;
  content: "-30%";
}

.discountpercent_31:before {
  background-color: #5476a6;
  content: "-31%";
}
.discountpercent_32:before {
  background-color: #5476a6;
  content: "-32%";
}
.discountpercent_33:before {
  background-color: #5476a6;
  content: "-33%";
}
.discountpercent_34:before {
  background-color: #5476a6;
  content: "-34%";
}
.discountpercent_35:before {
  background-color: #5476a6;
  content: "-35%";
}
.discountpercent_36:before {
  background-color: #5476a6;
  content: "-36%";
}
.discountpercent_37:before {
  background-color: #5476a6;
  content: "-37%";
}
.discountpercent_38:before {
  background-color: #5476a6;
  content: "-38%";
}
.discountpercent_39:before {
  background-color: #5476a6;
  content: "-39%";
}
.discountpercent_40:before {
  background-color: #5476a6;
  content: "-40%";
}

.discountpercent_41:before {
  background-color: #2c3c56;
  content: "-41%";
}
.discountpercent_42:before {
  background-color: #2c3c56;
  content: "-42%";
}
.discountpercent_43:before {
  background-color: #2c3c56;
  content: "-43%";
}
.discountpercent_44:before {
  background-color: #2c3c56;
  content: "-44%";
}
.discountpercent_45:before {
  background-color: #2c3c56;
  content: "-45%";
}
.discountpercent_46:before {
  background-color: #2c3c56;
  content: "-46%";
}
.discountpercent_47:before {
  background-color: #2c3c56;
  content: "-47%";
}
.discountpercent_48:before {
  background-color: #2c3c56;
  content: "-48%";
}
.discountpercent_49:before {
  background-color: #2c3c56;
  content: "-49%";
}
.discountpercent_50:before {
  background-color: #2c3c56;
  content: "-50%";
}

.discountpercent_51:before {
  background-color: #a3364d;
  content: "-51%";
}
.discountpercent_52:before {
  background-color: #a3364d;
  content: "-52%";
}
.discountpercent_53:before {
  background-color: #a3364d;
  content: "-53%";
}
.discountpercent_54:before {
  background-color: #a3364d;
  content: "-54%";
}
.discountpercent_55:before {
  background-color: #a3364d;
  content: "-55%";
}
.discountpercent_56:before {
  background-color: #a3364d;
  content: "-56%";
}
.discountpercent_57:before {
  background-color: #a3364d;
  content: "-57%";
}
.discountpercent_58:before {
  background-color: #a3364d;
  content: "-58%";
}
.discountpercent_59:before {
  background-color: #a3364d;
  content: "-59%";
}
.discountpercent_60:before {
  background-color: #a3364d;
  content: "-60%";
}

.discountpercent_61:before {
  background-color: #cd426b;
  content: "-61%";
}
.discountpercent_62:before {
  background-color: #cd426b;
  content: "-62%";
}
.discountpercent_63:before {
  background-color: #cd426b;
  content: "-63%";
}
.discountpercent_64:before {
  background-color: #cd426b;
  content: "-64%";
}
.discountpercent_65:before {
  background-color: #cd426b;
  content: "-65%";
}
.discountpercent_66:before {
  background-color: #cd426b;
  content: "-66%";
}
.discountpercent_67:before {
  background-color: #cd426b;
  content: "-67%";
}
.discountpercent_68:before {
  background-color: #cd426b;
  content: "-68%";
}
.discountpercent_69:before {
  background-color: #cd426b;
  content: "-69%";
}
.discountpercent_70:before {
  background-color: #cd426b;
  content: "-70%";
}

.discountpercent_71:before {
  background-color: #e9598a;
  content: "-71%";
}
.discountpercent_72:before {
  background-color: #e9598a;
  content: "-72%";
}
.discountpercent_73:before {
  background-color: #e9598a;
  content: "-73%";
}
.discountpercent_74:before {
  background-color: #e9598a;
  content: "-74%";
}
.discountpercent_75:before {
  background-color: #e9598a;
  content: "-75%";
}
.discountpercent_76:before {
  background-color: #e9598a;
  content: "-76%";
}
.discountpercent_77:before {
  background-color: #e9598a;
  content: "-77%";
}
.discountpercent_78:before {
  background-color: #e9598a;
  content: "-78%";
}
.discountpercent_79:before {
  background-color: #e9598a;
  content: "-79%";
}
.discountpercent_80:before {
  background-color: #e9598a;
  content: "-80%";
}

.discountpercent_81:before {
  background-color: #f57ea4;
  content: "-81%";
}
.discountpercent_82:before {
  background-color: #f57ea4;
  content: "-82%";
}
.discountpercent_83:before {
  background-color: #f57ea4;
  content: "-83%";
}
.discountpercent_84:before {
  background-color: #f57ea4;
  content: "-84%";
}
.discountpercent_85:before {
  background-color: #f57ea4;
  content: "-85%";
}
.discountpercent_86:before {
  background-color: #f57ea4;
  content: "-86%";
}
.discountpercent_87:before {
  background-color: #f57ea4;
  content: "-87%";
}
.discountpercent_88:before {
  background-color: #f57ea4;
  content: "-88%";
}
.discountpercent_89:before {
  background-color: #f57ea4;
  content: "-89%";
}
.discountpercent_90:before {
  background-color: #f57ea4;
  content: "-90%";
}

.discountpercent_91:before {
  background-color: #f9abc1;
  content: "-91%";
}
.discountpercent_92:before {
  background-color: #f9abc1;
  content: "-92%";
}
.discountpercent_93:before {
  background-color: #f9abc1;
  content: "-93%";
}
.discountpercent_94:before {
  background-color: #f9abc1;
  content: "-94%";
}
.discountpercent_95:before {
  background-color: #f9abc1;
  content: "-95%";
}
.discountpercent_96:before {
  background-color: #f9abc1;
  content: "-96%";
}
.discountpercent_97:before {
  background-color: #f9abc1;
  content: "-97%";
}
.discountpercent_98:before {
  background-color: #f9abc1;
  content: "-98%";
}
.discountpercent_99:before {
  background-color: #f9abc1;
  content: "-99%";
}
.discountpercent_0:before {
  background-color: #f9abc1;
  content: "Free";
}

.bkg_texture > #master .block_quantity {
  font-size: 0 !important;
}

#master .block_quantity > #quantity,
#master .block_quantity > input {
  font-size: 14px !important;
  font-size: 1.4rem !important;
}

#master .block_quantity > #quantity {
  margin-right: 0.5em !important;
  vertical-align: middle;
}

#master .block_quantity > input {
  width: 2.1428571428571428571428571428571em; /* 30px / 14px */
  padding: 0;
}

#master .block_quantity > .btn_quantity {
  background-color: transparent;
  color: inherit !important;
}

#master .block_quantity > .btn_quantity:not([disabled]):hover,
#master .block_quantity > .btn_quantity:not([disabled]):focus {
  border-color: #333;
}

#master .block_quantity > .btn_less {
  -moz-border-top-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}

#master .block_quantity > .btn_more {
  -moz-border-bottom-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-top-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
}

#master .block_quantity > .bnt_quantity {
  text-align: center;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

#master .block_quantity > .btn_less + .bnt_quantity {
  border-right-color: transparent;
  border-left-color: transparent;
}

#home .list_content .btn_buy:active,
#list .list_content .btn_buy:active,
#btn_basket_buy:active {
  -ms-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  -moz-transition-property: none;
  -o-transition-property: none;
  -webkit-transition-property: none;
  transition-property: none;
}

/*  = --- Accueil ---------------- */

#work.work_home,
#mag_table_home #tc_01 {
  padding-top: 0;
}

#mag_table_home,
#mag_table_home > tbody > tr > td {
  border-style: none;
}

#mag_table_home {
  margin-bottom: 0;
}

#mag_table_home > tbody > tr > td {
  overflow: hidden;
  margin-top: 0;
  padding: 10px 0; /* 20px / 2 */
  text-align: center !important;
}

#mag_table_home .header {
  display: block;
}

#mag_table_home .header a {
  border-bottom-style: none;
  outline-style: none;
  color: inherit;
}

#mag_table_home td > .a-view {
  display: none;
}

/* Onglets */

#mag_table_home .onglets > td {
  padding-bottom: 0;
}

.onglets a {
  -moz-transition-property: none;
  -o-transition-property: none;
  -webkit-transition-property: none;
  transition-property: none;
}

#mag_table_home .contenu_onglets.pages .a-view {
  display: inline-block;
  border-bottom-style: none;
}

/*  = --- Liste ------------------ */

#list_contener > .ff_message,
#list > .error,
#list > .error + p {
  font-size: 1.1428571428571428571428571428571em; /* 16px / 14px */
  text-align: center;
  color: #333;
}

#list_contener > .ff_message:before,
#list > .error:before {
  display: block;
  font-family: "Font Awesome\ 5 Pro";
  font-size: 3em; /* 48px / 16px */
  font-weight: 400;
  content: "\f119";
}

#list > .title_associed,
#list_cross_selling > h3 {
  text-align: center;
}

#list_contener,
#slider_cross_selling_top,
#slider_cross_selling {
  border-style: none;
}

#list > .header {
  margin-bottom: 30px;
}

#list .view {
  max-width: 100%;
  max-height: none;
}

#list_contener:after {
  display: table;
  clear: both;
  border-collapse: collapse;
  content: "";
}

#list_contener > .display-by,
#list_contener > .sort-by,
#list_contener > .filter-by {
  padding: 10px;
  text-align: center;
}

#work.list_filter_facet .sort-by,
#list_contener > .sort-by + .filter-by {
  width: 50%;
}

#work.list_filter_facet .sort-by {
  float: right;
}

#work.list_filter_facet #sortby,
#list_contener > .sort-by + .filter-by > #filterby {
  width: 100%;
}

/* Affichage */

#list_contener > .display-by {
  display: none;
}

/* Tri */

body:not(.tri) #list_contener > .sort-by,
#list_contener > .sort-by > label {
  display: none;
}

/* Filtres */

#filterby {
  font-weight: 400;
  text-transform: none;
}

/* Pagination */

#pagination > ul {
  margin: 50px auto 0;
  padding-left: 0;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
}

#pagination li {
  display: inline-block;
  overflow: hidden;
  margin: 0 7.5px 15px;
  padding: 0;
  background-color: #02adde;
  line-height: 0;
  vertical-align: top;
}

#pagination .number,
#pagination a {
  height: 2.8571428571428571428571428571429em; /* 40px / 14px */
  line-height: 2.8571428571428571428571428571429;
}

#pagination .number {
  width: 2.8571428571428571428571428571429em;
  text-align: center;
}

div#pagination a {
  display: block;
  text-decoration: none;
  color: #666;
}

#pagination a:hover,
#pagination a:focus {
  background-color: #eee;
}

#pagination .previous,
#pagination .next {
  display: none;
}

#pagination .previous > a,
#pagination .next > a {
  padding: 0 20px;
}

/* Recherche avancée */

#advsearch_home,
#advsearch_contener {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #f9f9f9;
}

#advsearch_home p[class^="asearch_"],
#advsearch_contener p[class^="asearch_"] {
  font-size: 0;
}

#advsearch_home p[class^="asearch_"] > span,
#advsearch_contener p[class^="asearch_"] > span {
  font-size: 1.4rem;
  font-size: 14px;
}

#ctx_min_price,
#ctx_max_price {
  width: auto;
}

#ctx_min_price {
  float: left;
  margin-right: 5px;
}

#advsearch_home p:first-of-type {
  margin-top: 0;
}

#advsearch_home > #formulaire > .btn_pos {
  display: block;
}

/*  = --- Fiche produit ---------- */

/* Image                                           */ /* Vérifier état : Administration > Paramètres > Flux général (image) */
/*  |_ Wishlist                                    */
#image > .wishlist {
  display: block;
} /* [block        | none] */ /* + Vérifier état : Administration > Paramètres > Wish List */
/*  |_ Zoom automatique                            */ /* Vérifier état : Préférences > Produit liste > Fiche produit > Zoom automatique */
/*  |_ Zoom                                        */
#pd_zoom {
  display: block;
} /* [block        | none] */
/*  |_ Vues supplémentaires                        */
#image > .pd07 {
  display: block;
} /* [block        | none] */
/*  |_ Mention "photos non contractuelles"         */
#image > .comment {
  display: block;
} /* [block        | none] */
/* Titres                                          */ /* Vérifier état : Administration > Paramètres > Flux général (title) */
/*  |_ Libellé principal                           */
#product > h1 {
  display: block;
} /* [block        | none] */
/*  |_ Libellé secondaire                          */
#product > .pd00 {
  display: block;
} /* [block        | none] */
/*  |_ Libellé court                               */
#product > .pdtlibshortdiv {
  display: block;
} /* [block        | none] */
/*  |_ Code interne                                */ /* Vérifier état : Préférences > Produit liste > Fiche produit > Afficher le code interne sur fiche produit */
/*  |_ Marque                                      */
#product > .pdtbrand {
  display: block;
} /* [block        | none] */
/*  |_ EAN                                         */
#product > .pdtean {
  display: block;
} /* [block        | none] */
/*  |_ MPN/ISBN                                    */
#product > .pdtmpn {
  display: block;
} /* [block        | none] */
/* Options                                         */ /* Vérifier état : Administration > Paramètres > Flux général (option) */
/* Caractéristiques                                */ /* Vérifier état : Administration > Paramètres > Flux général (feature) */
/*  |_ Personnalisation                            */ /* Vérifier état : Préférences > Produit liste > Personnalisation > Produit personnalisé activé */
/*  |_ Logos de mise en avant                      */
#feature > .logo_container {
  display: block;
} /* [block        | none] */
/*  |_ Tarif                                       */
#feature > .price_pos {
  display: block;
} /* [block        | none] */
/*      |_ Promotion (%)                           */
#feature span[class^="discountpercent_"] {
  display: block;
} /* [block        | none] */
/*      |_ Prix indicatif                          */ /* Vérifier état : Préférences > Produit liste > Fiche produit > Afficher un tarif indicatif */
/*      |_ Promotion (prix barré)                  */
#feature .pstrike {
  display: block;
} /* [block        | none] */
/*      |_ Prix à la quantité                      */
#feature .pweight {
  display: block;
} /* [block        | none] */
/*      |_ Tarif de base H.T.                      */ /* Vérifier état : Préférences > Produit liste > Fiche produit > Afficher simmultanément les prix HT et TTC */
/*      |_ Tarif de base T.T.C.                    */
#feature .price_TTC {
  display: block;
} /* [block        | none] */
/*      |_ Ecotaxe                                 */
#feature .ecotax {
  display: block;
} /* [block        | none] */
/*      |_ Type de taxes H.T.                      */
#feature .OT {
  display: inline;
} /* [inline       | none] */
/*      |_ Type de taxes T.T.C.                    */
#feature .IT {
  display: inline;
} /* [inline       | none] */
/*  |_ Barème dégressif                            */
#rate {
  display: block;
} /* [block        | none] */
/*  |_ Stock                                       */
#feature > .stock_pos {
  display: block;
} /* [block        | none] */
/*      |_ Mention "en stock"                      */
#feature .en_stock {
  display: block;
} /* [block        | none] */ /* + Vérifier état : Préférences > Produit liste > Fiche produit > Afficher "en stock" si le produit est présent en stocks */
/*      |_ Quantité en stock                       */
#feature .quantity_stock {
  display: block;
} /* [block        | none] */ /* + Vérifier état : Préférences > Produit liste > Fiche produit > Afficher la quantité en stocks */
/*  |_ Délai de réassort                           */
#deliverytime_add {
  display: block;
} /* [block        | none] */
/*  |_ Boutons                                     */
#feature > .btn_pos {
  display: block;
} /* [block        | none] */
/*      |_ Mention "en rupture de stock"           */
#feature .out_stock {
  display: block;
} /* [block        | none] */
/*      |_ Sélection quantité                      */
#feature .block_quantity {
  display: block;
} /* [block        | none] */
/*      |_ Bouton + / -                            */
#feature .btn_quantity {
  display: inline-block;
} /* [inline-block | none] */ /* + Vérifier état : Préférences > Produit liste > Prix sur l'ensemble du site > Bouton + / - activé */
/*      |_ Bouton d'achat                          */
#feature .btn_buy {
  display: inline-block;
} /* [inline-block | none] */
/*  |_ Demande de réassort                         */ /* Vérifier état : Préférences > Produit liste > Fiche produit > Activer la demande de réassort */
/*  |_ Mention "envoyer cette page à un(e) ami(e)" */ /* Vérifier état : Préférences > Produit liste > Fiche produit > Afficher "recommander le produit à un ami" */
/*  |_ Partage réseaux sociaux                     */ /* Vérifier état : Marketing > Réseaux sociaux > Liens sur les produit vers */
/* Résumé                                          */ /* Vérifier état : Administration > Paramètres > Flux général (detail) */
/*  |_ Onglets                                     */ /* Vérifier état : Préférences > Produit liste > Fiche produit > Activer l'affichage par onglet */
/* Liste achats groupés                            */ /* Vérifier état : Préférences > Produit liste > Fiche produit > Activer "Produits fréquemment achetés ensemble" */
/* Liste associée                                  */ /* Vérifier état : Administration > Paramètres > Flux général (list) */

/*  |_ Image (image)              */
#image {
  text-align: center;
}
/*  |_ Titres (title)             */
#product > h1,
#product > .pd00,
#product > .pdtlibshortdiv,
#product > .pdtcode,
#product > .pdtbrand,
#product > .pdtean,
#product > .pdtmpn {
  text-align: left;
}
/*  |_ Options (option)           */
#option_contener {
  text-align: left;
}
/*  |_ Caractéristiques (feature) */
#feature {
  text-align: left;
}
/*      |_ Tarif                  */
#feature > .price_pos {
  text-align: right;
}
/*      |_ Après tarif            */
div#feature > .price_pos ~ * {
  text-align: left;
}
/*  |_ Résumé (detail)            */
#detail {
  text-align: left;
}
/*      |_ Onglets                */
#briefcase_product {
  text-align: left;
}

#product h2 {
  padding-bottom: 0;
}

#image.view,
#product > h1,
#product > .pd00,
#product > .pdtlibshortdiv,
#product > .pdtcode,
#product > .pdtbrand,
#product > .pdtean,
#product > .pdtmpn,
#option_contener > .option,
#feature,
#feature > .pd01,
#feature > .logo_container,
#feature > .price_pos,
#rate,
#feature > .stock_pos,
#deliverytime_add,
#feature > .btn_pos,
#feature .block_quantity,
#feature > .reappro,
#feature > .pd06,
#feature > .social,
#detail,
#briefcase_product,
#list_cross_selling_container,
#product > #list {
  margin-bottom: 20px;
}

#feature {
  padding-top: 20px;
}

#product > .pdtcode > span,
#product > .pdtbrand > span,
#product > .pdtean > span,
#product > .pdtmpn > span,
#option_contener .opt_price,
#option_contener .option_price,
#feature #quantity,
#feature > .social > span {
  font-weight: 700;
  text-transform: uppercase;
  color: #333;
}

#option_contener,
#option_contener > .option,
#feature,
#feature p,
#feature > .stock_pos,
#feature > .social,
#briefcase_product,
#contener_tab,
#contener_content {
  float: none;
  width: auto;
}

#option_contener select,
#option_contener .pdt_btn,
#ctx_perso,
#btn_basket_buy:not(.btn_icone) {
  width: 100%;
}

#list_cross_selling_container,
#product > #list {
  clear: both;
}

#list_cross_selling_container:not(:first-child),
#product > #list:not(:first-child) {
  padding-top: 50px;
}

/* Image (image) */

#image.view {
  z-index: auto;
  margin-right: 0;
}

#pd_zoom,
#image > .comment {
  z-index: 901;
}

body.vues_supplementaires #img1,
#image > .zvc {
  cursor: e-resize;
}

#pd_zoom {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0;
  text-transform: uppercase;
}

body:not(.zoom) #pd_zoom {
  display: none;
}

#pd_zoom > a {
  display: block;
  padding: 15px;
  border-bottom-style: none;
  outline-style: none;
  line-height: 1;
}

#pd_zoom > a:after,
#pd_zoom span {
  vertical-align: middle;
}

#pd_zoom > a:after {
  font-family: "Font Awesome\ 5 Pro";
  font-size: 20px;
  font-weight: 400;
  content: "\f00e";
}

#pd_zoom > a:hover,
#pd_zoom > a:focus {
  color: #333;
}

#pd_zoom span {
  margin-right: 0.35714285714285714285714285714286em; /* 5px / 14px */
}

#image > .popup_zoom {
  position: fixed !important;
  padding: 0;
  border-style: none;
  text-align: center;
}

#image .primary,
#image .secondary {
  display: none;
}

#image_zoom > img {
  max-width: 50%;
  max-width: 90vw;
  max-height: 90vh;
}

#image .btn_pos {
  position: fixed;
  top: 30px;
  right: 30px;
}

#image .btn_zoom {
  position: static;
}

#image > .popup_zoom > a {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 50px;
  outline-style: none;
  color: #333;
}

#image > .popup_zoom > .next {
  right: 0;
}

#image > .popup_zoom > a:hover,
#image > .popup_zoom > a:focus {
  background-color: #eee;
}

#image > .popup_zoom i {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin-top: -50px; /* 100px / 2 */
  font-size: 40px;
  line-height: 100px;
}

#product_zoom + p {
  display: none;
}

#image > .pd07 {
  width: auto;
  margin-top: 0;
}

body:not(.vues_supplementaires) #image > .pd07 {
  display: none;
}

#image .items > a {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 10px; /* 20px / 2 */
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

#image .pic_another_pic {
  display: none;
  width: auto;
  padding: 0;
}

#image > .pd07 > .prev,
#image > .pd07 > .next {
  display: none;
}

#image > .zvc {
  visibility: hidden;
  display: block !important;
  right: 0;
  filter: alpha(opacity=0);
  opacity: 0;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

#image > .zvc[style*="inline"] {
  visibility: visible;
  filter: alpha(opacity=100);
  opacity: 1;
}

#image > .comment {
  padding: 0;
  font-size: 0.85714285714285714285714285714286em; /* 12px / 14px */
}

/* Titres (title) */

#product > h1 > a {
  display: block;
  margin-bottom: 0;
}

#product > h1:after {
  display: inline-block;
  vertical-align: bottom;
}

#product > .pd00 {
  font-weight: inherit;
  text-transform: none;
  color: #02adde;
}

#product > .pdtcode,
#product > .pdtbrand,
#product > .pdtean,
#product > .pdtmpn {
  float: right;
  width: 50%;
  font-size: 0.85714285714285714285714285714286em; /* 12px / 14px */
}

body.alignement_image_d #product > .pdtcode,
body.alignement_image_d #product > .pdtbrand,
body.alignement_image_d #product > .pdtean,
body.alignement_image_d #product > .pdtmpn {
  float: left;
}

#product > .pdtcode {
  display: block;
}

#product > .pdtcode ~ .pdtean {
  clear: both;
}

#product > .pdtean:before {
  content: "EAN : ";
}

#product > .pdtmpn {
  clear: both;
}

#product > .pdtcode ~ .pdtmpn {
  clear: none;
}

#product > .pdtmpn:before {
  content: "MPN/ISBN : ";
}

#product > .pdtmpn ~ * {
  clear: both;
}

/* Options (option) */

#option_contener p {
  margin: 0;
}

#option_contener ul {
  padding-left: 0;
  list-style-type: none;
}

#option_contener a,
#option_contener select {
  color: inherit;
}

#option_contener a {
  border-bottom-color: transparent;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

#option_contener a:hover {
  color: #333;
}

#option_contener > .option {
  padding: 0;
}

#option_contener .pd02 {
  font-weight: 700;
}

#option_contener .prod_choice a,
#option_contener .opt_choice > li {
  padding: 5px;
}

#option_contener .prod_choice > .zerostock > a:after,
#option_contener .opt_choice .zerostock:after,
#option_contener .opt_choice > .option_on:after {
  margin-left: 0.5em;
}

#option_contener .zerostock {
  position: relative;
}

/*#option_contener .zerostock:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: not-allowed;
    content: "";
}*/

#option_contener .prod_choice > .zerostock > a:after,
#option_contener .opt_choice .zerostock:after {
  display: inline-block;
  content: "indisponible";
}

#option_contener .pdt_select {
  float: none;
  position: relative;
}

#option_contener .pdt_select:before {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -7px; /* 14px / 2 */
  font-family: "Font Awesome\ 5 Pro";
  line-height: 1;
  font-weight: 700;
  content: "\f0d7";
}

#option_contener .pdt_btn {
  background-image: none;
  text-align: inherit;
}

#option_contener .prod_choice {
  width: 100%;
  height: 0;
  padding: 0;
  -ms-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -o-transform: scaleY(0);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -ms-transform-origin: top;
  -moz-transform-origin: top;
  -o-transform-origin: top;
  -webkit-transform-origin: top;
  transform-origin: top;
  -moz-transition: -moz-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}

#option_contener .pdt_select:hover > .prod_choice {
  visibility: visible;
  height: auto;
  -ms-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -o-transform: scaleY(1);
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

#option_contener .prod_choice > li {
  border-style: none;
}

#option_contener .prod_choice > li + li {
  border-top-style: solid;
}

#option_contener .prod_choice a:hover {
  background-color: #eee;
}

#option_contener .opt_choice {
  overflow: hidden;
}

#option_contener .opt_choice > li {
  width: 50%;
  cursor: auto;
}

#option_contener .opt_choice > li:nth-child(odd) {
  clear: left;
}

#option_contener .opt_choice a:hover {
  border-bottom-color: #333;
}

#option_contener .opt_choice > .option_on:after {
  font-family: "Font Awesome\ 5 Pro";
  font-weight: 700;
  color: #02adde;
  content: "\f058";
}

#option_contener .opt_choice div {
  display: inline-block;
}

/* Caractéristiques (feature) */

#feature {
  overflow: hidden;
  padding-bottom: 0;
  border-style: solid none;
}

#feature > .price_pos *,
#feature > .stock_pos *,
#feature .out_stock {
  margin-bottom: 0;
  font-size: 1em;
  font-weight: inherit;
  font-style: inherit;
  text-align: inherit;
  color: inherit;
}

#rate,
#feature .quantity_stock,
#feature .en_stock,
#feature .out_stock,
#feature > .btn_pos {
  clear: none;
}

body:not(.personnalisation) #feature > .pd01 {
  display: none;
}

#ctx_perso {
  text-align: inherit;
}

#feature > .logo_container > a {
  display: inline-block;
  margin: 7.5px; /* 15px / 2 */
  border-bottom-style: none;
  outline-style: none;
}

#feature > .logo_container > a:hover,
#feature > .logo_container > a:focus {
  filter: alpha(opacity=50);
  opacity: 0.5;
  -ms-transform: scale(1.125);
  -moz-transform: scale(1.125);
  -o-transform: scale(1.125);
  -webkit-transform: scale(1.125);
  transform: scale(1.125);
}

#feature .logo {
  float: none;
  padding: 0;
}

#feature > .price_pos {
  float: right;
  width: 50%;
  padding-left: 10px;
}

#feature span[class^="discountpercent_"]:before {
  display: inline-block;
  font-size: 1.42857142857143em; /* 20px / 14px */
}

#feature .price_ref {
  padding-bottom: 0;
}

#feature .price_ref span {
  text-decoration: none;
}

#feature .price_ref > .label {
  display: none;
}

#feature .price_HT,
#feature .price_TTC {
  color: #333;
}

#feature .price_TTC {
  font-size: 2.1428571428571428571428571428571em; /* 30px / 14px */
}

#feature .price_TTC > .IT {
  font-size: 0.6em; /* 18px / 30px */
}

#rate {
  padding-top: 0;
}

#rate > dt {
  text-align: inherit;
}

#feature .en_stock,
#feature .out_stock {
  padding-left: 0;
}

#feature > .btn_pos {
  text-align: inherit;
}

body:not(.quantite) #feature .block_quantity {
  display: none;
}

#feature #quantity {
  display: block;
}

#btn_basket_buy {
  height: 3.5714285714285714285714285714286em; /* 50px / 14px */
  line-height: 3.5714285714285714285714285714286;
}

body:not(.bouton_achat_fiche) #btn_basket_buy {
  display: none;
}

body:not(.demande_reassort) #feature > .reappro {
  display: none !important;
}

#formulaire > #feature > .pd06,
#formulaire > #feature > .social {
  clear: both;
  text-align: inherit;
}

#feature > .social > span,
#feature > .social > ul {
  display: inline;
  vertical-align: middle;
}

#feature > .social > span {
  margin-right: 1em;
  font-size: 0.85714285714285714285714285714286em; /* 12px / 14px */
}

#feature > .social > ul {
  padding-left: 0;
  font-size: 16px;
  text-align: center;
}

#feature > .social li {
  display: inline-block;
  float: none;
  position: relative;
  width: 30px;
  margin-top: 0;
  padding-top: 0;
  line-height: 30px;
  -moz-transition: color 0.5s;
  -o-transition: color 0.5s;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}

#feature .twitter:hover {
  color: #1da1f2;
}
#feature .linkedin:hover {
  color: #0077b5;
}
#feature .facebook:hover {
  color: #3b5998;
}
#feature .pinterest:hover {
  color: #bd081c;
}
#feature .google:hover {
  color: #dd4b39;
}

#feature > .social li:before {
  font-family: "Font Awesome\ 5 Brands";
}

#feature .twitter:before {
  content: "\f099";
}
#feature .linkedin:before {
  content: "\f0e1";
}
#feature .facebook:before {
  content: "\f09a";
}
#feature .pinterest:before {
  content: "\f231";
}
#feature .google:before {
  content: "\f0d5";
}

#feature > .social a,
#feature .pinterest > span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  filter: alpha(opacity=0);
  opacity: 0;
}

#feature .googleplusone > div,
#feature .facebooklike > iframe {
  vertical-align: middle !important;
}

#feature li.facebooklike {
  width: 64px;
  margin-left: 0;
}

/* Résumé (detail) */

#detail > .pd08 {
  display: none;
}

#contener_tab > div {
  float: none;
  background-color: transparent;
}

#contener_content {
  margin-bottom: 0;
  padding: 30px;
  border-style: none;
}

#contener_content > div[class] {
  padding: 0;
}

/* Commentaires Facebook (fbcomment) */

/* Formulaire (pdt_form) */

/* Liste achats groupés (cross_selling) */

#list_cross_selling > .bucket_divider {
  display: none;
}

#list_cross_selling > h3 {
  font-size: 1em !important;
}

#slider_cross_selling_top,
#slider_cross_selling {
  margin-bottom: 0;
}

#slider_cross_selling_top {
  padding: 0;
}

#slider_cross_selling_top > .items_image span {
  float: none;
}

#slider_cross_selling_top > .items_image,
#slider_cross_selling_top > .items_image > span {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

#slider_cross_selling_top > .items_image .view,
#slider_cross_selling_top > .items_image .plus {
  margin: 10px;
}

#slider_cross_selling_top > .items_image .view {
  width: 80px;
  height: 80px;
  padding-right: 0;
  object-fit: contain;
}

#slider_cross_selling_top > .items_image .plus {
  width: 1.5em;
  background-color: #eee;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 400;
  text-align: center;
  color: #333;
  border-radius: 50%;
}

#slider_cross_selling_top
  > .items_image
  > span:first-child[style*="none"]
  + span
  > .plus {
  display: none;
}

#slider_cross_selling_top .block_price {
  flex: 0;
}

#slider_cross_selling_top .price {
  color: #333;
}

#slider_cross_selling_top > .items {
  margin-top: 20px;
}

#slider_cross_selling_top .item {
  line-height: inherit;
}

#slider_cross_selling_top + .bucket_divider + h3 {
  margin-top: 50px;
}

#slider_cross_selling .item {
  height: auto;
}

#slider_cross_selling .view {
  top: 0 !important;
  left: 0 !important;
  transform: none !important;
}

/* Liste associée (list) */

#product > #list > p:first-child {
  display: none;
}

#product > #list > h2 {
  float: none;
}

/* Retour (back) */

/*  = --- Page ------------------- */

#page > #list {
  margin-top: 75px;
}

/* ------------------------------- */
/*  =     Colonne droite           */
/* ------------------------------- */

#right_top,
#right_bottom,
#right_contener h2 {
  display: none;
}

#right_contener > div,
#footer_contener > .arround,
#link_contener {
  padding-top: 30px;
  padding-bottom: 30px;
  border-style: solid none none;
  font-size: 0.85714285714285714285714285714286em; /* 12px / 14px */
  font-weight: 400;
  text-align: center;
}

#right_contener ul,
#footer_contener > .arround > ul,
#link > ul {
  padding-left: 0;
}

#right_contener li,
#footer_contener > .arround li,
#link li {
  display: inline-block;
  margin: 0 1em 1em;
  vertical-align: top;
}

#right_contener a,
#footer_contener > .arround a,
#link a {
  color: inherit;
}

#right_contener a:hover,
#right_contener a:focus,
#footer_contener > .arround a:hover,
#footer_contener > .arround a:focus,
#link a:hover,
#link a:focus,
#inf_1 i,
#inf_1 a:hover > span,
#inf_1 a:focus > span {
  color: #02adde;
}

#right_contener a:focus,
#footer_contener > .arround a:focus,
#link a:focus {
  outline-color: #02adde;
}

/*  = --- Extra en-tête ---------- */

#sup_1.arround {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-style: none none solid;
  font-size: 1em;
  font-weight: 300;
  text-align: right;
}

#sup_1 li {
  margin-bottom: 0;
}

body.slogan #sup_1 li:nth-child(4) ~ li {
  display: none;
}

#sup_1 a {
  outline-style: none;
}

#sup_1 i {
  font-size: 18px;
  vertical-align: middle;
}

/*  = --- Arguments -------------- */

div#inf_1 {
  padding: 0;
  font-size: 0;
}

body:not(.arguments) #inf_1 {
  display: none;
}

#inf_1 li {
  width: 50%;
  margin: 0;
  font-size: 12px;
  font-size: 1.2rem;
}

#inf_1 a {
  display: block;
  padding: 25px;
  outline-style: none;
}

#inf_1 a:hover,
#inf_1 a:focus,
#inf_1 span {
  color: #333;
}

#inf_1 i,
#inf_1 span {
  display: block;
  -moz-transition: color 0.5s;
  -o-transition: color 0.5s;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}

#inf_1 i {
  margin-bottom: 15px;
  font-size: 30px;
}

#inf_1 a:hover > i,
#inf_1 a:focus > i {
  color: inherit;
}

#inf_1 span {
  font-size: 1.1666666666666666666666666666667em; /* 14px / 12px */
  font-weight: 700;
  text-transform: uppercase;
}

/*  = --- Autres liens ----------- */

#inf_2 {
  text-transform: uppercase;
}

/* ------------------------------- */
/*  =     Liens Store-Factory      */
/* ------------------------------- */

#link_contener {
  display: none;
  width: auto;
  height: auto;
  margin: 0;
}

#link {
  height: auto;
  padding-top: 0;
  background: none;
}

#link li {
  float: none;
}

#link a {
  font-size: inherit;
  font-weight: inherit;
}

/* ------------------------------- */
/*  =     Retour haut              */
/* ------------------------------- */

#retour_haut {
  visibility: hidden;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 9998;
  background-color: #333;
  filter: alpha(opacity=0);
  opacity: 0;
}

#retour_haut:hover,
#rteour_haut:focus {
  padding-bottom: 10px;
}

#retour_haut.actif {
  visibility: visible;
  filter: alpha(opacity=100);
  opacity: 1;
}

/* ------------------------------- */
/*  =     Pied de page             */
/* ------------------------------- */

#footer {
  width: auto;
  padding: 0;
  background-color: transparent;
}

/*  = --- Fidélisation ----------- */

#fidelisation,
#fidelisation a {
  color: #fff;
}

#fidelisation {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #02adde;
}

#fidelisation a:hover,
#fidelisation a:focus {
  color: #333;
}

#fidelisation a:focus {
  outline-color: #333;
}

#fidelisation h1,
#fidelisation .h1-like,
#fidelisation h2,
#fidelisation .h2-like,
#fidelisation h3,
#fidelisation .h3-like,
#fidelisation h4,
#fidelisation .h4-like,
#fidelisation h5,
#fidelisation .h5-like {
  color: inherit;
}

#fidelisation h1,
#fidelisation .h1-like {
  font-size: 1.875em !important; /* 30px / 16px */
  font-weight: inherit;
}

/*  = --- Pied de page ----------- */

#pied_page {
  padding-top: 50px;
  padding-bottom: 50px;
}

#pied_page a {
  color: inherit;
}

#pied_page a:hover,
#pied_page a:focus {
  color: #02adde;
}

#pied_page a:focus {
  outline-color: #02adde;
}

#pied_page > div + div {
  margin-top: 40px;
}

#pied_page ul {
  padding-left: 0;
  list-style-type: none;
}

#pied_page li {
  margin-bottom: 1em;
}

#pied_page li:nth-child(3) ~ li {
  display: none;
}

#pied_page ul a:before,
#pied_page ul a:after {
  margin: 0 0.5em; /* 5px / 10px */
  font-family: "Font Awesome\ 5 Pro";
  font-size: 0.71428571428571428571428571428571em; /* 10px / 14px */
  font-weight: 700;
  vertical-align: middle;
}

#pied_page ul a:before {
  margin-left: 0;
  content: "\f0da";
}

#pied_page ul a:after {
  display: none;
  margin-right: 0;
  content: "\f0d9";
}

/* ------------------------------- */
/*  =     Slider                   */
/* ------------------------------- */

.scrollable {
  width: auto !important;
  height: auto !important;
  padding-top: 44%; /* 550px * 100 / 1250px */
  background-color: #eee;
}

/*  = --- Visuels ---------------- */

.scrollable > .items {
  top: 0;
  bottom: 0;
  width: 1000%;
}

.scrollable .item {
  position: relative;
  width: 10%;
  height: 100%;
}

.scrollable .item div {
  float: none;
}

.scrollable img {
  width: 100%;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.scrollable .item_text {
  display: none;
  width: 100%;
}

.scrollable > .items .item_text > div {
  font-size: 1.7857142857142857142857142857143em !important; /* 25px / 14px */
  line-height: 1;
  color: #fff;
  text-shadow: none;
}

.scrollable .item > a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom-style: none;
}

/*  = --- Sélection visuel ------- */

body:not([class*="sliders_"]) .scrollable > .slidetabs,
body:not([class*="sliders_"]) .scrollable > .btn_browse {
  display: none !important;
}

/* Puces */

.scrollable > .slidetabs {
  bottom: 15px;
  left: 0;
}

.scrollable > .slidetabs > a {
  float: none;
  width: 10px;
  height: 10px;
  margin: 5px; /* 10px / 2 */
  background-image: none;
}

/* Flèches */

.scrollable > .btn_browse > a {
  width: 50px;
  margin-top: -25px; /* 50px / 2 */
  border-bottom-style: none;
  font-family: "Font Awesome\ 5 Pro";
  font-size: 25px;
  line-height: 50px;
  font-weight: 700;
  color: #fff;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.scrollable > .btn_browse > a:not(.disabled):hover {
  color: #333;
}

.scrollable .prev:before {
  content: "\f053";
}

.scrollable .next:before {
  content: "\f054";
}

.scrollable .disabled {
  cursor: default;
  filter: alpha(opacity=25);
  opacity: 0.25;
}

.scrollable > .btn_browse span {
  display: none;
}

/* ------------------------------- */
/*  =     Onglets                  */
/* ------------------------------- */

.onglets,
#contener_tab {
  border-style: none;
}

.onglets h2,
#contener_tab > div {
  margin: 0;
  padding: 20px;
  cursor: pointer;
  -moz-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.onglets h2:after,
#contener_tab > div:after {
  display: none !important;
}

.onglets h2:hover,
#contener_tab > div:hover {
  background-color: #eee;
}

.onglets h2:not(.actif),
#contener_tab > div:not(.tab-active) {
  font-weight: 300;
}

.onglets h2.actif,
#contener_tab > div.tab-active {
  background-color: #02adde;
  color: #fff;
}

.onglets h2 + h2,
#contener_tab > div + div {
  border-top-style: none;
}

.onglets.pages,
.contenu_onglets.pages,
#briefcase_product {
  background-color: #f9f9f9;
}

#mag_table_home .contenu_onglets.pages > td,
#contener_content {
  padding-right: 20px;
  padding-left: 20px;
}

/* ------------------------------- */
/*  =     Liste                    */
/* ------------------------------- */

#home .list_content,
#list .uneven,
#list .pair,
#slider_cross_selling .item,
#slider_list_viewed .item_product {
  float: left;
  width: 50%;
}

#slider_cross_selling.scrollable .item {
  width: calc(10% / 2);
}

#list .uneven,
#list .pair {
  margin-left: 0;
}

#home .list_content,
#list .list_content,
#slider_cross_selling .item,
#slider_list_viewed .item_product,
#home .list_content .primary,
#slider_cross_selling .item .primary,
#slider_list_viewed .item_product > .primary {
  background-color: #f9f9f9;
  -moz-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

#home .list_content,
#list .list_content,
#slider_cross_selling .item,
#slider_list_viewed .item_product {
  position: relative;
  margin: 0;
  padding: 0;
  border-width: 10px;
  border-style: solid;
  text-align: left;
}

#home .list_content *:not(input),
#list .list_content *:not(input),
#slider_cross_selling .item *:not(input),
#slider_list_viewed .item_product *:not(input) {
  margin: 0 !important;
  padding: 0 !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  font-style: inherit !important;
  text-align: inherit !important;
  color: inherit !important;
}

#home .list_content a,
#list .list_content a,
#slider_cross_selling .item a,
#slider_list_viewed .item_product a {
  border-bottom-style: none;
}

#home .list_content a:hover,
#home .list_content a:focus,
#list .list_content a:hover,
#list .list_content a:focus,
#home .list_content > a:first-child,
#home .list_content .primary > a,
#home .list_content > .price_pos a,
#list .list_content .primary > a,
#list .list_content > .price_pos a,
#slider_cross_selling .item a:hover,
#slider_cross_selling .item a:focus,
#slider_cross_selling .item .primary,
#slider_cross_selling .item > .price_pos,
#slider_list_viewed .item_product a:hover,
#slider_list_viewed .item_product a:focus,
#slider_list_viewed .item_product > .primary > a {
  color: #333 !important;
}

#home .list_content a:focus,
#list .list_content a:focus,
#slider_cross_selling .item a:focus,
#slider_list_viewed .item_product a:focus {
  outline-color: #333;
}

#home .list_content > a:first-child:hover,
#home .list_content > a:first-child:focus,
#home .list_content .primary > a:hover,
#home .list_content .primary > a:focus,
#home .list_content > .price_pos a:hover,
#home .list_content > .price_pos a:focus,
#list .list_content .primary > a:hover,
#list .list_content .primary > a:focus,
#list .list_content > .price_pos a:hover,
#list .list_content > .price_pos a:focus,
#slider_cross_selling .item > .a-view:hover > .primary,
#slider_cross_selling .item > .a-view:focus > .primary,
#slider_list_viewed .item_product > .primary > a:hover,
#slider_list_viewed .item_product > .primary > a:focus {
  color: #02adde !important;
}

#home .list_content .primary > a:focus,
#home .list_content > .price_pos a:focus,
#list .list_content .primary > a:focus,
#list .list_content > .price_pos a:focus,
#slider_list_viewed .item_product > .primary > a:focus {
  outline-color: #02adde;
}

#home .list_content > a:first-child,
#list .list_content > a:first-child,
#slider_cross_selling .item > a:first-child,
#slider_list_viewed .item_product > a:first-child {
  display: block;
  position: relative;
  width: auto;
  height: auto;
  overflow: hidden;
  padding-top: 100% !important;
  border-style: none;
  outline-style: none;
}

#home .list_content .view,
#list .list_content .view,
#slider_cross_selling .item .view,
#slider_list_viewed .item_product .view {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-transition: -moz-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}

#home .list_content > a:first-child:hover > .view,
#home .list_content > a:first-child:focus > .view,
#list .list_content > a:first-child:hover > .view,
#list .list_content > a:first-child:focus > .view,
#slider_cross_selling .item > a:first-child:hover > .view,
#slider_cross_selling .item > a:first-child:focus > .view,
#slider_list_viewed .item_product > a:first-child:hover > .view,
#slider_list_viewed .item_product > a:first-child:focus > .view {
  -ms-transform: translate(-50%, -50%) scale(1.125);
  -moz-transform: translate(-50%, -50%) scale(1.125);
  -o-transform: translate(-50%, -50%) scale(1.125);
  -webkit-transform: translate(-50%, -50%) scale(1.125);
  transform: translate(-50%, -50%) scale(1.125);
}

#home .list_content .primary,
#home .list_content .primary ~ *,
#list .list_content .primary,
#list .list_content .primary ~ *,
#slider_cross_selling .item .primary,
#slider_cross_selling .item .primary ~ *,
#slider_cross_selling .item > .a-view ~ *,
#slider_list_viewed .item_product > .primary,
#slider_list_viewed .item_product > .primary ~ * {
  padding: 15px !important;
}

#home .list_content .primary,
#home .list_content .primary > a,
#home .list_content .secondary,
#home .list_content .secondary > a,
#home .list_content > .content > a,
#home .list_content > .pdtcode,
#home .list_content > .pdtbrand,
#home .list_content > .price_pos,
#home .list_content .stock_pos,
#home .list_content .out_stock,
#list .list_content .primary,
#list .list_content .primary > a,
#list .list_content .secondary,
#list .list_content .secondary > a,
#list .list_content > .content > a,
#list .list_content > .pdtcode,
#list .list_content > .pdtbrand,
#list .list_content > .price_pos,
#list .list_content .stock_pos,
#list .list_content .out_stock,
#slider_cross_selling .item .primary,
#slider_cross_selling .item .secondary,
#slider_list_viewed .item_product > .primary > a,
#slider_list_viewed .item_product > .secondary > a {
  overflow: hidden;
}

#home .list_content .primary,
#home .list_content .secondary,
#home .list_content > .content,
#home .list_content > .pdtcode,
#home .list_content > .pdtbrand,
#home .list_content > .price_pos,
#home .list_content .stock_pos,
#home .list_content .out_stock,
#list .list_content .primary,
#list .list_content .secondary,
#list .list_content > .content,
#list .list_content > .pdtcode,
#list .list_content > .pdtbrand,
#list .list_content > .price_pos,
#list .list_content .stock_pos,
#list .list_content .out_stock,
#slider_cross_selling .item .primary,
#slider_cross_selling .item .secondary,
#slider_cross_selling .item > .price_pos,
#slider_list_viewed .item_product > .primary,
#slider_list_viewed .item_product > .secondary {
  word-wrap: break-word;
  -moz-box-sizing: initial;
  -webkit-box-sizing: initial;
  box-sizing: initial;
}

#home .list_content .primary,
#home .list_content > .pdtcode,
#home .list_content > .pdtbrand,
#list .list_content .primary,
#list .list_content > .pdtcode,
#list .list_content > .pdtbrand,
#slider_cross_selling .item .primary,
#slider_list_viewed .item_product > .primary {
  line-height: 1;
}

#home .list_content .primary,
#home .list_content .primary > a,
#list .list_content .primary,
#list .list_content .primary > a,
#slider_cross_selling .item .primary,
#slider_list_viewed .item_product > .primary > a {
  height: 2em; /* 1em * 2 */
}

#home .list_content .primary,
#list .list_content .primary,
#slider_cross_selling .item .primary,
#slider_list_viewed .item_product > .primary {
  text-transform: uppercase;
  font-weight: 700 !important;
}

#home .list_content .secondary,
#home .list_content .secondary > a,
#list .list_content .secondary,
#list .list_content .secondary > a,
#slider_cross_selling .item .secondary,
#slider_list_viewed .item_product > .secondary > a {
  height: 4.5em; /* 1.5em * 3 */
}

#home .list_content:not([class*="pdt"]),
#list .list_content:not([class*="pdt"]) {
  overflow: hidden;
}

#home .list_content:not([class*="pdt"]):hover,
#list .list_content:not([class*="pdt"]):hover,
#home .list_content:not([class*="pdt"]):hover .primary {
  background-color: #02adde;
}

#home .list_content:not([class*="pdt"]):hover .primary,
#list .list_content:not([class*="pdt"]):hover .primary {
  color: #fff !important;
}

#home .list_content:not([class*="pdt"]) .primary > a:before,
#list .list_content:not([class*="pdt"]) .primary > a:before {
  margin-right: 1em;
  font-family: "Font Awesome\ 5 Pro";
  color: #02adde;
  content: "\f0da";
}

#home .list_content:not([class*="pdt"]):hover .primary > a,
#home .list_content:not([class*="pdt"]):hover .primary > a:before,
#list .list_content:not([class*="pdt"]):hover .primary > a,
#list .list_content:not([class*="pdt"]):hover .primary > a:before {
  color: inherit !important;
}

#home .list_content:not([class*="pdt"]) > .list_bottom,
#list .list_content:not([class*="pdt"]) > .list_bottom {
  display: none;
}

#home .list_content:not([class*="pdt"]) {
  padding-bottom: 44px;
  padding-bottom: calc(1em * 2 + 15px * 2);
}

#home .list_content:not([class*="pdt"]) > a:first-child {
  overflow: visible;
}

#home .list_content:not([class*="pdt"]) .primary {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
}

#home .list_content:not([class*="pdt"]) .secondary {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: auto;
  overflow: auto;
  padding: 30px !important; /* 15px * 2 */
  background-color: #02adde;
  color: #fff !important;
  filter: alpha(opacity=0);
  opacity: 0;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

#home .list_content:not([class*="pdt"]) > .a-view:hover > .secondary,
#home .list_content:not([class*="pdt"]) > .a-view:focus > .secondary {
  filter: alpha(opacity=100);
  opacity: 1;
}

#list .pdt + .inter + div:not(.pdt),
#list .url + .inter + div:not(.url),
#list .item_list + .inter + div:not(.item_list),
#list .item_page + .inter + div:not(.item_page) {
  clear: left;
}

body.colonnes_produits_1 #home .list_content[class*="pdt"],
body.colonnes_produits_1 #list .uneven[class*="pdt"],
body.colonnes_produits_1 #list .pair[class*="pdt"],
body.colonnes_autres_1 #home .list_content:not([class*="pdt"]),
body.colonnes_autres_1 #list .uneven:not([class*="pdt"]),
body.colonnes_autres_1 #list .pair:not([class*="pdt"]) {
  width: 100%;
}

body.colonnes_produits_1 #slider_cross_selling.scrollable .item {
  width: 10%;
}

body.colonnes_produits_2 #home .list_content[class*="pdt"],
body.colonnes_produits_2 #list .uneven[class*="pdt"],
body.colonnes_produits_2 #list .pair[class*="pdt"],
body.colonnes_autres_2 #home .list_content:not([class*="pdt"]),
body.colonnes_autres_2 #list .uneven:not([class*="pdt"]),
body.colonnes_autres_2 #list .pair:not([class*="pdt"]) {
  width: 50%;
}

body.colonnes_produits_2 #slider_cross_selling.scrollable .item {
  width: calc(10% / 2);
}

body.colonnes_autres_1 #home .list_content:not([class*="pdt"]) > a:first-child,
body.colonnes_autres_1 #list .list_content:not([class*="pdt"]) > a:first-child {
  float: right;
  width: 25%;
  padding-top: 25% !important;
}

body.colonnes_autres_1 #home .list_content:not([class*="pdt"]) .view,
body.colonnes_autres_1 #list .list_content:not([class*="pdt"]) .view {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -ms-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
  -moz-transition-property: filter;
  -o-transition-property: filter;
  -webkit-transition-property: filter;
  transition-property: filter;
}

body.colonnes_autres_1 #home .list_content:not([class*="pdt"]):hover .view,
body.colonnes_autres_1
  #home
  .list_content:not([class*="pdt"])
  > a:first-child:focus
  > .view,
body.colonnes_autres_1 #list .list_content:not([class*="pdt"]):hover .view,
body.colonnes_autres_1
  #list
  .list_content:not([class*="pdt"])
  > a:first-child:focus
  > .view {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

body.colonnes_autres_1 #home .list_content:not([class*="pdt"]) .primary,
body.colonnes_autres_1 #home .list_content:not([class*="pdt"]) .primary > a,
body.colonnes_autres_1 #list .list_content:not([class*="pdt"]) .primary,
body.colonnes_autres_1 #list .list_content:not([class*="pdt"]) .primary > a {
  height: auto;
}

body.colonnes_autres_1 #home .list_content:not([class*="pdt"]) {
  padding-bottom: 0;
}

body.colonnes_autres_1 #home .list_content:not([class*="pdt"]) .primary {
  top: 0;
  right: 100%;
  bottom: 0;
  left: -300%; /* 100% / 25% * 100% - 100% */
}

/*  = --- Produits --------------- */

/* Image de référence            */
#home .list_content[class*="pdt"] > .a-view {
  display: block;
}
#list .list_content[class*="pdt"] > .a-view {
  display: block;
}
#slider_list_viewed .item_product > .a-view {
  display: block;
}
#slider_cross_selling .item > .a-view {
  display: block;
} /* [block        | none] */
/* Wishlist                      */
#home .list_content[class*="pdt"] > .wishlist {
  display: block;
}
#list .list_content[class*="pdt"] > .wishlist {
  display: block;
} /* [block        | none] */ /* + Vérifier état : Administration > Paramètres > Wish List */
/* Libellé principal             */
#home .list_content[class*="pdt"] > .primary {
  display: block;
}
#list .list_content[class*="pdt"] > .primary {
  display: block;
}
#slider_list_viewed .item_product > .primary {
  display: block;
}
#slider_cross_selling .item > .primary {
  display: block;
} /* [block        | none] */
/* Libellé secondaire            */
#home .list_content[class*="pdt"] > .secondary {
  display: block;
}
#list .list_content[class*="pdt"] > .secondary {
  display: block;
}
#slider_list_viewed .item_product > .secondary {
  display: block;
}
#slider_cross_selling .item > .secondary {
  display: block;
} /* [block        | none] */
/* Code interne                  */
#home .list_content[class*="pdt"] > .pdtcode {
  display: none;
}
#list .list_content[class*="pdt"] > .pdtcode {
  display: none;
} /* [block        | none] */
/* Marque                        */
#home .list_content[class*="pdt"] > .pdtbrand {
  display: none;
}
#list .list_content[class*="pdt"] > .pdtbrand {
  display: none;
} /* [block        | none] */
/* Tarif                         */
#home .list_content[class*="pdt"] > .price_pos {
  display: block;
}
#list .list_content[class*="pdt"] > .price_pos {
  display: block;
}
#slider_cross_selling .item > .price_pos {
  display: block;
} /* [block        | none] */
/*  |_ Prix indicatif            */
#home .list_content[class*="pdt"] .priceindicative {
  display: none;
}
#list .list_content[class*="pdt"] .priceindicative {
  display: none;
} /* [block        | none] */
/*  |_ Promotion (%)             */
#home .list_content[class*="pdt"] span[class^="discountpercent_"] {
  display: block;
}
#list .list_content[class*="pdt"] span[class^="discountpercent_"] {
  display: block;
} /* [block        | none] */
/*  |_ Promotion (prix barré)    */
#home .list_content[class*="pdt"] .pstrike {
  display: inline;
}
#list .list_content[class*="pdt"] .pstrike {
  display: inline;
} /* [inline       | none] */
/*  |_ Prix à la quantité        */
#home .list_content[class*="pdt"] .pweight {
  display: none;
}
#list .list_content[class*="pdt"] .pweight {
  display: none;
} /* [inline       | none] */
/*  |_ Tarif de base             */
#home .list_content[class*="pdt"] .price {
  display: inline;
}
#list .list_content[class*="pdt"] .price {
  display: inline;
} /* [inline       | none] */
/*  |_ Type de taxes H.T.        */
#home .list_content[class*="pdt"] .OT {
  display: none;
}
#list .list_content[class*="pdt"] .OT {
  display: none;
} /* [inline       | none] */
/*  |_ Type de taxes T.T.C.      */
#home .list_content[class*="pdt"] .IT {
  display: none;
}
#list .list_content[class*="pdt"] .IT {
  display: none;
} /* [inline       | none] */
/* Logos de mise en avant        */
#home .list_content[class*="pdt"] .logo_container {
  display: block;
}
#list .list_content[class*="pdt"] .logo_container {
  display: block;
} /* [block        | none] */
/* Stock                         */
#home .list_content[class*="pdt"] .stock_pos {
  display: none;
}
#list .list_content[class*="pdt"] .stock_pos {
  display: none;
} /* [block        | none] */
/*  |_ Mention "en stock"        */
#home .list_content[class*="pdt"] .en_stock {
  display: none;
}
#list .list_content[class*="pdt"] .en_stock {
  display: none;
} /* [block        | none] */ /* + Vérifier état : Préférences > Produit liste > Fiche produit > Afficher "en stock" si le produit est présent en stocks */
/*  |_ Quantité en stock         */
#home .list_content[class*="pdt"] .quantity_stock {
  display: none;
}
#list .list_content[class*="pdt"] .quantity_stock {
  display: none;
} /* [block        | none] */ /* + Vérifier état : Préférences > Produit liste > Fiche produit > Afficher la quantité en stocks */
/* Mention "en rupture de stock" */
#home .list_content[class*="pdt"] .out_stock {
  display: none;
}
#list .list_content[class*="pdt"] .out_stock {
  display: none;
} /* [block        | none] */
/* Mention "achat désactivé"     */
#home .list_content[class*="pdt"] .buydisable {
  display: none;
}
#list .list_content[class*="pdt"] .buydisable {
  display: none;
} /* [block        | none] */
/* Sélection quantité            */
#home .list_content[class*="pdt"] .block_quantity {
  display: inline-block;
}
#list .list_content[class*="pdt"] .block_quantity {
  display: inline-block;
} /* [inline-block | none] */ /* + Vérifier état : Préférences > Produit liste > Liste > Quantités dans les listes produit */
/*  |_ Bouton + / -              */
#home .list_content[class*="pdt"] .btn_quantity {
  display: inline-block;
}
#list .list_content[class*="pdt"] .btn_quantity {
  display: inline-block;
} /* [inline-block | none] */ /* + Vérifier état : Préférences > Produit liste > Prix sur l'ensemble du site > Bouton + / - activé */
/* Boutons achat/détail          */
#home .list_content[class*="pdt"] input[class*="btn_hp_"] {
  display: inline-block;
}
#list .list_content[class*="pdt"] input[class*="btn_li_"] {
  display: inline-block;
}
#slider_cross_selling .item input[class*="btn_li_"] {
  display: inline-block;
} /* [inline-block | none] */
/* Résumé                        */ /* Vérifier état : Préférences > Produit liste > Liste > Détail produit dans les listes */

#home .list_content[class*="pdt"],
#list .list_content[class*="pdt"],
#slider_cross_selling .item,
#slider_list_viewed .item_product,
#home .list_content[class*="pdt"] > .primary,
#slider_cross_selling .item .primary,
#slider_list_viewed .item_product > .primary {
  background-color: transparent;
}

#home .list_content[class*="pdt"]:hover,
#list .list_content[class*="pdt"]:hover,
#slider_cross_selling .item:hover,
#slider_list_viewed .item_product:hover,
#home .list_content[class*="pdt"]:hover .primary,
#slider_cross_selling .item:hover .primary,
#slider_list_viewed .item_product:hover > .primary {
  background-color: #f9f9f9;
}

#home .list_content[class*="pdt"],
#list .list_content[class*="pdt"],
#slider_cross_selling .item,
#slider_list_viewed .item_product {
  -webkit-box-direction: column;
  -moz-box-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

#home .list_content[class*="pdt"] > .primary,
#list .list_content[class*="pdt"] > .primary,
#slider_cross_selling .item .primary,
#slider_list_viewed .item_product > .primary {
  font-size: 1.1428571428571428571428571428571em !important; /* 16px / 14px */
  text-transform: none;
}

#home .list_content[class*="pdt"] > .primary ~ *,
#list .list_content[class*="pdt"] > .primary ~ *,
#slider_cross_selling .item .primary ~ *,
#slider_cross_selling .item > .a-view ~ *,
#slider_list_viewed .item_product > .primary ~ * {
  padding-top: 7.5px !important; /* 15px / 2 */
  padding-bottom: 7.5px !important;
}

#home .list_content > .pdtcode,
#home .list_content > .pdtbrand,
#list .list_content > .pdtcode,
#list .list_content > .pdtbrand {
  height: 1em;
}

#home .list_content > .price_pos,
#list .list_content > .price_pos,
#slider_cross_selling .item > .price_pos {
  height: 3em; /* 1.5em * 2 */
}

#home .list_content .priceindicative_txt,
#list .list_content .priceindicative_txt {
  display: none;
}

#home .list_content .price,
#list .list_content .price,
#slider_cross_selling .item .price {
  font-weight: 700 !important;
}

#home .list_content .stock_pos,
#home .list_content .out_stock,
#list .list_content .stock_pos,
#list .list_content .out_stock {
  height: 3em; /* 1.5em * 2 */
}

#home .list_content .logo_container,
#list .list_content .logo_container,
#home .list_content span[class^="discountpercent_"]:before,
#list .list_content span[class^="discountpercent_"]:before {
  position: absolute;
  top: 5px;
  right: 5px;
  left: 5px;
}

#home .list_content .logo_container,
#list .list_content .logo_container {
  right: auto;
}

#home .list_content span[class^="discountpercent_"]:before,
#list .list_content span[class^="discountpercent_"]:before {
  left: auto;
  font-size: 0.71428571428571428571428571428571em; /* 10px / 14px */
  -moz-transition: -moz-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}

#home .list_content:hover span[class^="discountpercent_"]:before,
#list .list_content:hover span[class^="discountpercent_"]:before {
  -ms-transform: scale(2) rotate(20deg);
  -moz-transform: scale(2) rotate(20deg);
  -o-transform: scale(2) rotate(20deg);
  -webkit-transform: scale(2) rotate(20deg);
  transform: scale(2) rotate(20deg);
}

#home .list_content .list_btn,
#list .list_content .list_btn {
  position: relative;
}

#home .list_content .buydisable,
#list .list_content .buydisable {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  -ms-transform: rotate(-22.5deg);
  -moz-transform: rotate(-22.5deg);
  -o-transform: rotate(-22.5deg);
  -webkit-transform: rotate(-22.5deg);
  transform: rotate(-22.5deg);
}

body:not(.boutons_liste) #home .list_content .block_quantity,
body:not(.boutons_liste) #home .list_content .list_btn > input,
body:not(.boutons_liste) #list .list_content .block_quantity,
body:not(.boutons_liste) #list .list_content .list_btn > input,
body:not(.boutons_liste) #slider_cross_selling .item .block_quantity,
body:not(.boutons_liste) #slider_cross_selling .item .list_btn > input {
  display: none;
}

#home .list_content .block_quantity,
#list .list_content .block_quantity {
  vertical-align: middle;
}

#home .list_content #quantity,
#list .list_content #quantity {
  display: none;
  font-size: 10px !important;
  font-size: 1rem !important;
  text-transform: uppercase;
}

#home .list_content .list_bottom .btn_buy + a,
#list .list_content .list_bottom .btn_buy + .btn_detail {
  display: none;
}

#home .list_content > .content,
#list .list_content > .content {
  display: block;
}

#home .list_content > .content > a,
#list .list_content > .content > a {
  display: block;
  height: 6em; /* 1.5em * 4 */
}

#home .list_content .out_stock {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}

#list .list_content .pdtbrand_txt {
  display: none;
}

/*  = --- Liens ------------------ */

/*  = --- Listes ----------------- */

/*  = --- Pages ------------------ */

#home .list_content > p {
  display: none;
}

/* ------------------------------- */
/*  =     Pop-up                   */
/* ------------------------------- */

#master .pop_up,
#alert_newslet_error,
#alert_newslet_sub {
  background-image: none !important;
}

#master .popup_cont,
#master .sf_pop,
#alert_newslet_error .sf_pop,
#alert_newslet_sub .sf_pop {
  position: relative;
  top: auto;
  width: auto;
  font-size: 1em;
  color: inherit;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.popup,
.sf_pop {
  max-width: 312.5px; /* 1250px / 4 */
}

.popup_top,
.sf_pop > .top,
.popup_work,
.sf_pop > .contener,
.popup_bottom,
.sf_pop > .bottom {
  padding: 0;
  background-color: transparent;
  border-style: none;
  text-align: inherit;
}

.popup_top,
.sf_pop > .top {
  font-weight: 700;
  text-transform: uppercase;
  color: #333;
}

.popup_top:before,
.sf_pop > .top:before {
  display: block;
  font-family: "Font Awesome\ 5 Pro";
  font-size: 2.1428571428571428571428571428571em; /* 30px / 14px */
  content: "\f05a";
}

#popupConfirmReapro .popup_top:before,
#popup_div_bkjs .top:before,
#alert_newslet_sub .top:before {
  content: "\f058";
}

.popup_work,
.sf_pop > .contener {
  padding: 2.1428571428571428571428571428571em 0;
}

.popup_bottom a,
#Annuler,
#LinkSend {
  display: inline-block;
  vertical-align: middle;
}

/*  = --- Type #1 ---------------- */

.popup_top {
  height: auto;
  font-size: 1em;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.popup_bottom {
  color: inherit;
}

.popup_bottom a {
  background-image: none;
  cursor: pointer;
}

/*  = --- Type #2 ---------------- */

.pop_up table,
.pop_up td {
  border-style: none;
}

.pop_up > table > tbody > tr > td {
  padding-top: 0;
  padding-bottom: 0;
}

#popup_div_bkjs .sf_pop,
.pop_up.pop_event .sf_pop {
  max-width: 625px; /* 1250px / 2 */
}

.sf_pop > .top > span,
.sf_pop > .top > .btn_short {
  margin: 0;
}

.sf_pop > .top > span {
  font-weight: inherit;
}

.sf_pop > .top > .btn_short {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  height: auto;
  color: inherit !important;
  -webkit-border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-top-left-radius: 0;
  border-top-left-radius: 0;
}

.sf_pop > .top > input:hover,
.sf_pop > .top > input:focus {
  color: #02adde !important;
}

.sf_pop > .contener,
.sf_pop > .bottom {
  float: none;
  width: auto;
}

.sf_pop > .contener p {
  margin-top: 0.75em;
  padding-bottom: 0;
}

.sf_pop > .contener p:first-child {
  margin-top: 0;
}

.sf_pop > .contener table {
  width: 100%;
  margin-bottom: 0;
  text-align: inherit;
}

.sf_pop > .contener td {
  display: block !important;
  width: auto !important;
  padding: 0;
  text-align: inherit !important;
}

.sf_pop > .contener td[style*="none"] {
  display: none !important;
}

#popup_div_bkjs .btn_1,
#Annuler {
  background-color: transparent !important;
  border: 1px solid #02adde !important;
  color: #02adde !important;
}

#popup_div_bkjs .btn_1:hover,
#popup_div_bkjs .btn_1:focus,
#Annuler:hover,
#Annuler:focus {
  border-color: #333 !important;
  color: #333 !important;
}

/* Panier */

#popup_div_bkjs .sf_pop {
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
}

#popup_div_bkjs .sf_pop.produits_associes {
  max-width: 1000px;
}

#content_popup_div_bkjs > .col1,
#content_popup_div_bkjs > .col2,
#content_popup_div_bkjs > .col3,
#content_popup_bsk_onglet,
#content_popup_bsk_onglet > .content_popup_bsk_onglet {
  float: none;
  width: auto;
  padding: 0;
}

#content_popup_div_bkjs {
  margin: 20px 0;
  padding: 20px 0;
  border-style: solid none;
}

#content_popup_div_bkjs > .col1,
#content_popup_div_bkjs > .col2 {
  margin-bottom: 1em;
}

#content_popup_div_bkjs > .col1,
#content_popup_div_bkjs .secondary {
  display: none;
}

#content_popup_div_bkjs .primary,
#content_popup_div_bkjs .secondary,
#content_popup_div_bkjs .price {
  padding: 0;
  text-align: inherit;
}

#content_popup_div_bkjs .primary,
#content_popup_div_bkjs .price {
  font-weight: 700;
  color: #333;
}

#content_popup_div_bkjs > col2 > a {
  display: block;
}

#content_popup_div_bkjs .primary {
  margin-bottom: 0.5em;
  font-size: 1em;
}

#content_popup_div_bkjs .primary > i {
  display: block;
  font-size: 0.85714285714285714285714285714286em; /* 12px / 14px */
  font-style: inherit;
}

#content_popup_div_bkjs .secondary,
#content_popup_div_bkjs .price > span {
  color: inherit;
}

#content_popup_div_bkjs .price {
  font-size: 1.1428571428571428571428571428571em; /* 16px / 14px */
}

#content_popup_div_bkjs .price > span {
  font-weight: inherit;
}

#content_popup_div_bkjs .price > span + span:before {
  content: " ";
}

#content_popup_div_bkjs .IT,
#content_popup_div_bkjs .OT {
  display: none;
}

#content_popup_bsk_onglet {
  position: relative;
  margin: 2em 0 0;
}

#content_popup_bsk_onglet > .content_popup_bsk_onglet:after {
  display: table;
  clear: both;
  border-collapse: collapse;
  content: "";
}

#content_popup_bsk_onglet .title_associed,
#content_popup_bsk_onglet .list_content {
  display: none;
}

#content_popup_bsk_onglet .title_associed {
  padding-top: 20px;
}

#content_popup_bsk_onglet .title_associed:before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  content: "";
  -moz-transition: all 1s;
  -o-transition: all 1s;
  -webkit-transition: all 1s;
  transition: all 1s;
}

#content_popup_bsk_onglet > #list > .title_associed:before {
  height: 0;
  filter: alpha(opacity=0);
  opacity: 0;
}

#content_popup_bsk_onglet .list_content {
  width: 33.333333333333333333333333333333%;
}

#content_popup_bsk_onglet .list_content .view {
  width: auto;
}

#content_popup_bsk_onglet .list_content > .price_pos {
  float: none;
  width: auto;
}

#content_popup_bsk_onglet .list_content .price {
  float: none;
}

/* Réapprovisionnement */

#popupAlertReapro .contener {
  padding-bottom: 10px;
}

#mail_reapro_pop,
#Annuler,
#LinkSend {
  width: 100% !important;
}

#mail_reapro_pop {
  text-align: inherit;
}

#popupAlertReaproOptionContainer,
#popupAlertReapro .whiteLink {
  display: none !important;
}

#Annuler {
  font-size: 1em;
}

#popupAlertReapro .blackLink > div {
  padding-left: 0 !important;
}

/* Avent */

.pop_up.pop_event img {
  display: initial;
  margin: auto;
}

.pop_event .top:before {
  font-size: 3em; /* 42px / 14px */
  content: "\f06b";
  -webkit-animation: anim_pop-up_avent 1s 1s;
  -moz-animation: anim_pop-up_avent 1s 1s;
  -ms-animation: anim_pop-up_avent 1s 1s;
  -o-animation: anim_pop-up_avent 1s 1s;
  animation: anim_pop-up_avent 1s 1s;
}

.pop_event .contener {
  padding-top: 0;
}

/* ------------------------------- */
/*  =     Bandeau cookies          */
/* ------------------------------- */

#cookie-law-info-bar {
  display: block !important;
  z-index: 9999;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #333;
  font-size: 0.85714285714285714285714285714286em; /* 12px / 14px */
  -moz-transition: bottom 1s;
  -o-transition: bottom 1s;
  -webkit-transition: bottom 1s;
  transition: bottom 1s;
}

#cookie-law-info-bar[style] {
  bottom: -300px;
}

/* ------------------------------- */
/*  =     Derniers articles vus    */
/* ------------------------------- */

#sticky_footer {
  display: none;
  z-index: 9998;
  background-color: #02adde;
  -moz-box-shadow: 0 0 80px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 80px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 80px rgba(0, 0, 0, 0.2);
}

#content_sticky {
  height: auto;
  border-style: solid none none;
}

#slider_list_viewed {
  padding: 30px 0 !important;
}

#slider_list_viewed .item_product {
  width: 20%;
}

#slider_list_viewed .item_product img.view {
  max-height: none;
}

#sticky_footer .title_sticky > a {
  margin: 0 1em;
  padding-left: 0;
  font-size: 1em;
  font-weight: 400;
}

#sticky_footer .title_sticky > a:before {
  display: inline-block;
  margin-right: 10px;
  font-family: "Font Awesome\ 5 Pro";
  font-weight: 700;
  -moz-transition: -moz-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}

#sticky_footer .sticky_listviewed:before {
  content: "\f06e";
}

#sticky_footer .sticky_wishlist:before {
  content: "\f004";
}

#sticky_footer .title_sticky > a:hover {
  color: #333;
}

#sticky_footer .title_sticky > a:hover:before {
  -ms-transform: scale(2);
  -moz-transform: scale(2);
  -o-transform: scale(2);
  -webkit-transform: scale(2);
  transform: scale(2);
}

/* ------------------------------- */
/*  =     Panier                   */
/* ------------------------------- */

#basket_notempty > #formulaire > .btn_pos {
  display: block;
}

/* ------------------------------- */
/*  =     Commande                 */
/* ------------------------------- */

#order_step {
  width: calc(100% - 30px);
  position: relative;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 15px;
}

#order_step ul {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin: 15px auto;
  padding: 0;
}

#order_step .start,
#order_step .end {
  display: none;
}

#order_step li {
  display: flex;
  align-items: center;
  position: relative;
  background: var(--secondary-color);
  font-size: 15px !important;
  line-height: 1;
  padding-right: 10px;
  text-align: center;
  color: #fff !important;
}

#order_step li::before {
  display: block;
  position: relative;
  z-index: 2;
  width: 20px;
  padding: 7px 16px;
  background: var(--secondary-color);
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  font-weight: 900;
  color: #fff;
}

/*  = --- Icônes étapes ---------- */

#order_step ul > li:nth-of-type(2)::before {
  content: "\f007";
}

#order_step ul > li:nth-of-type(3)::before {
  content: "\f4de";
}

#order_step ul > li:nth-of-type(4)::before {
  content: "\f46c";
}

#order_step ul > li:nth-of-type(5)::before {
  content: "\f09d";
}

#order_step ul > li:nth-of-type(6)::before {
  content: "\f00c";
}

/*  = --- Etape actuelle --------- */

#order_step .on {
  font-weight: 700;
}

#order_step .on,
#order_step .on::before {
  background: var(--main-color);
}

#order_step .on::after {
  border-left-color: var(--main-color);
}

/*  = --- Etape terminée --------- */

#order_step .made::after {
  border-left-color: #c5bfba;
}

#order_step .made,
#order_step .made::before {
  background: #c5bfba;
}

/* ------------------------------- */
/*  =     Media Queries            */
/* ------------------------------- */

/*  = --- Tiny ------------------- */

@media (max-width: 480px) {
  div#logo span {
    display: none;
  }

  #comand li.help {
    display: none;
  }

  a.gestion_menu > span {
    display: none !important;
  }

  #mag_table_home td[style*="none"] {
    display: none !important;
  }

  #retour_haut {
    -moz-border-top-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-bottom-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  #pied_page > div {
    text-align: inherit !important;
  }

  #home .list_content[class*="pdt"] span.block_quantity,
  #list .list_content[class*="pdt"] span.block_quantity {
    display: none;
  }
}

/*  = --- Small ------------------ */

@media (min-width: 481px) {
  #comand .account,
  #comand #log_logout {
    display: inline-block;
    -webkit-animation-name: none !important;
    -moz-animation-name: none !important;
    -ms-animation-name: none !important;
    -o-animation-name: none !important;
    animation-name: none !important;
  }

  body.alignement_page_g #mag_table_home > tbody > tr > td {
    text-align: left !important;
  }

  body.alignement_page_g .work_margin .header > div,
  body.alignement_page_g
    #mag_table_home
    > tbody
    > tr
    > td
    > h2:first-child:after,
  body.alignement_page_g .onglets h2:after {
    margin-left: 0;
  }

  body.alignement_page_d #mag_table_home > tbody > tr > td {
    text-align: right !important;
  }

  body.alignement_page_d .work_margin .header > div,
  body.alignement_page_d
    #mag_table_home
    > tbody
    > tr
    > td
    > h2:first-child:after,
  body.alignement_page_d .onglets h2:after {
    margin-right: 0;
  }

  #option_contener > .option {
    padding: 0 5px;
  }

  #option_contener > .option.select {
    float: left;
    width: 50%;
  }

  #option_contener > .option.select > .pd02 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #option_contener > .option:not(.select) {
    clear: left;
  }

  #option_contener .opt_choice > li {
    width: 33.333333333333333333333333333333%;
  }

  #option_contener .opt_choice > li:nth-child(odd) {
    clear: none;
  }

  #option_contener .opt_choice > li:nth-child(3n) {
    clear: left;
  }

  #feature #quantity {
    display: inline;
  }

  #btn_basket_buy:not(.btn_icone) {
    width: auto;
    min-width: 285px;
  }

  #slider_cross_selling_top > .items_image,
  #slider_cross_selling_top > .items_image > span {
    flex-direction: row;
  }

  #retour_haut {
    right: 20px;
    bottom: 20px;
  }

  #pied_page {
    overflow: hidden;
  }

  #pied_page > div:first-child ~ div {
    float: left;
    width: 50%;
  }

  #pied_page > div[style*="right"] ul a:before {
    display: none;
  }

  #pied_page > div[style*="right"] ul a:after {
    display: inline;
  }

  #home .list_content:not([class*="pdt"]) .secondary {
    display: block;
  }

  body.colonnes_produits_1 #home .list_content[class*="pdt"] > .a-view,
  body.colonnes_produits_1 #list .list_content[class*="pdt"] > .a-view,
  body.colonnes_produits_1 #slider_cross_selling .item > .a-view {
    padding-top: 50% !important; /* 100% / 2 */
  }

  body.colonnes_autres_1 #home .list_content:not([class*="pdt"]) .primary,
  body.colonnes_autres_1 #list .list_content:not([class*="pdt"]) .primary {
    font-size: 1.2857142857142857142857142857143em !important; /* 18px / 14px */
  }

  body.colonnes_autres_1 #home .list_content:not([class*="pdt"]) .secondary {
    display: none;
  }

  body[class*="sliders_"] .scrollable .item_text {
    display: table;
  }

  #content_popup_div_bkjs {
    overflow: hidden;
    text-align: left;
  }

  #content_popup_div_bkjs > .col1,
  #content_popup_div_bkjs .secondary {
    display: block;
  }

  #content_popup_div_bkjs > .col1 {
    float: left;
    width: 40%;
    margin-bottom: 0;
  }

  #content_popup_div_bkjs > .col2,
  #content_popup_div_bkjs > .col3 {
    float: right;
    clear: right;
    width: 60%;
    padding-left: 15px;
  }
}

/*  = --- Medium ----------------- */

@media (max-width: 768px) {
  #master > #navig {
    text-align: left;
  }

  #menu ul.smenu,
  #menu ul.smenu_column {
    text-align: inherit;
  }

  #search {
    top: auto;
    left: auto;
  }

  div#pagination {
    text-align: center;
  }

  div#product,
  div#image {
    text-align: center;
  }

  div#product > h1,
  div#product > .pd00,
  div#product > .pdtlibshortdiv,
  div#product > .pdtcode,
  div#product > .pdtbrand,
  div#product > .pdtean,
  div#product > .pdtmpn,
  div#feature,
  div#detail,
  div#briefcase_product {
    text-align: inherit;
  }

  div#option_contener,
  div#feature > span.price_pos ~ * {
    text-align: left;
  }

  div#feature > .price_pos {
    text-align: right;
  }

  #zoom,
  #cursor {
    display: none !important;
  }

  div#right_contener > div,
  #footer_contener > div.arround {
    text-align: center;
  }

  #fidelisation > div > div {
    text-align: inherit !important;
  }

  .scrollable > .slidetabs {
    text-align: center !important;
  }
}

@media (min-width: 769px) {
  #ff_center > .ff_crit_bloc,
  #advsearch_home p[class^="asearch_"],
  #advsearch_contener p[class^="asearch_"] {
    float: left;
    width: 48%; /* 100% / 2 - 1% * 2 */
    margin: 1%;
    border-style: solid;
  }

  #mag_table_home > tbody > tr > td,
  #contener_tab {
    padding: 25px 0; /* 50px / 2 */
  }

  #work.work_home {
    padding-top: 25px;
  }

  #top {
    z-index: 9998;
  }

  #search {
    z-index: 9999;
  }

  div#sup_1 {
    z-index: 9997;
    border-bottom-width: 1px;
  }

  body.extra_en-tete #top,
  body.extra_en-tete #search {
    margin-top: 2.1428571428571428571428571428571em; /* 30px / 14px */
    margin-top: calc(2.1428571428571428571428571428571em + 1px);
  }

  #logo p,
  #sup_1 > ul {
    font-size: 0.92857142857142857142857142857143em; /* 13px / 14px */
    line-height: 2.3076923076923076923076923076923; /* 30px / 13px */
  }

  #logo p {
    margin-bottom: 1px;
  }

  body.extra_en-tete.slogan #logo p,
  body.extra_en-tete #sup_1 {
    display: block;
  }

  #top {
    min-height: 95px;
    padding-bottom: 15px;
    border-bottom-style: solid;
  }

  body.en-tete_g #top {
    text-align: left;
  }

  #logo img {
    max-width: none;
  }

  #logo p {
    bottom: 100%;
  }

  #flag {
    display: block !important;
    position: static;
    width: auto;
    text-align: right;
    -webkit-animation-name: none !important;
    -moz-animation-name: none !important;
    -ms-animation-name: none !important;
    -o-animation-name: none !important;
    animation-name: none !important;
  }

  #comand {
    position: absolute !important;
  }

  #navig {
    position: static;
    overflow: visible;
    background-color: transparent;
    border-bottom-width: 1px;
    border-bottom-style: solid;
  }

  #menu .smenu {
    margin-top: 1px;
  }

  #menu li {
    border-bottom-style: none;
  }

  #menu > li.mns {
    width: auto;
  }

  body.menu_simple #menu > li {
    position: relative;
  }

  #menu a {
    background-color: transparent !important;
  }

  #menu a:hover,
  #menu a:focus,
  #menu > li:hover > a {
    color: #02adde !important;
  }

  #menu a.menu {
    position: relative;
    padding: 0 1em !important;
  }

  #menu a.menu:before {
    position: absolute;
    top: 100%;
    right: 50%;
    left: 50%;
    z-index: 1001;
    height: 3px;
    background-color: #02adde;
    content: "";
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }

  #menu a.menu:focus:before,
  #menu > li:hover > a:before {
    right: 0;
    left: 0;
    filter: alpha(opacity=100);
    opacity: 1;
  }

  #menu .smenu,
  #menu .smenu_column,
  #menu .smenu > li {
    padding: 12.5px; /* 25px / 2 */
  }

  #menu .smenu {
    position: absolute;
    right: 0;
    left: 0;
    padding-top: 0;
    padding-bottom: 0;
    background-color: #fff;
    font-size: 0;
    text-align: left;
  }

  body.menu_simple #menu .smenu {
    left: 50%;
    width: 300px;
    margin-left: -150px; /* 300px / 2 */
  }

  #menu > li:hover > .smenu,
  #menu a.menu:focus + .smenu {
    height: auto;
    visibility: visible !important;
    -ms-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }

  #menu .smenu_column,
  #menu .smenu > li {
    font-size: 14px;
    font-size: 1.4rem;
  }

  #menu .smenu_column {
    display: inline-block;
    width: 33.333333333333333333333333333333%;
    vertical-align: top;
  }

  #menu .smenu > li:not(:first-child) {
    padding-top: 0;
  }

  #menu .smenu > li:not(:last-child) {
    padding-bottom: 0;
  }

  #menu .smenu a {
    display: inline-block;
    padding: 0;
    line-height: inherit;
  }

  #menu .smenu_header_h2 {
    margin-bottom: 1em;
  }

  #menu .ssmenu a {
    font-size: 1em;
  }

  #menu .ssmenu a:before {
    margin-right: 1em;
    font-family: "Font Awesome\ 5 Pro";
    font-weight: 700;
    vertical-align: middle;
    color: #02adde;
    content: "\f0da";
  }

  a.gestion_menu {
    display: none;
  }

  #advsearch_home,
  #advsearch_contener {
    overflow: hidden;
  }

  #search {
    position: absolute;
    width: 200px;
    padding: 0;
  }

  body.en-tete_g #search {
    left: 50%;
    margin-left: -100px; /* 200px / 2 */
  }

  #navigation > ul {
    border-top-style: none;
  }

  .work_margin .header .view,
  .work_margin > .view:not(#image) {
    display: block;
  }

  #mag_table_home .onglets.pages > td,
  #mag_table_home .contenu_onglets.pages > td {
    text-align: left !important;
  }

  body.alignement_page_d #mag_table_home .onglets.pages > td,
  body.alignement_page_d #mag_table_home .contenu_onglets.pages > td {
    text-align: right !important;
  }

  .onglets.pages > td {
    background-color: transparent;
  }

  .contenu_onglets.pages .a-view {
    width: 50%;
    margin: 25px;
    margin-top: 0;
  }

  body:not(.alignement_page_d) .contenu_onglets.pages .a-view {
    float: right;
    margin-right: 0;
  }

  body.alignement_page_d .contenu_onglets.pages .a-view,
  body.alignement_page_d .contenu_onglets.pages .a-view {
    float: left;
    margin-left: 0;
  }

  #image {
    float: left;
    width: 46%; /* 575px * 100 / 1250px */
  }

  body.alignement_image_d #image {
    float: right;
  }

  #product > #image > .wishlist {
    top: 0;
    right: -117.39130434782609%; /* 675px * 100 / 575px */
    margin-top: 0 !important;
    background-color: #f9f9f9;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
  }

  body.vues_supplementaires #product > #image > .wishlist {
    right: -150%; /* 675px * 100 / 450px */
  }

  #zoom {
    visibility: hidden;
    display: block !important;
    left: 100% !important;
    width: 108.69565217391304347826086956522% !important; /* (1250px / 2) * 100 / 575px */
    height: 0 !important;
    margin-top: -1px;
    margin: 0 8.6956521739130434782608695652174%; /* 50px * 100 / 575px */
    padding-top: 100%;
    background-color: #f9f9f9 !important;
    border-width: 1px !important;
    filter: alpha(opacity=0);
    opacity: 0;
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transition: all 0.25s;
    -o-transition: all 0.25s;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
  }

  body.alignement_image_d #zoom {
    right: 100%;
    left: auto !important;
  }

  #zoom[style*="block"] {
    visibility: visible;
    filter: alpha(opacity=100);
    opacity: 1;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  #product.work_margin > .pdtcode,
  #product.work_margin > .pdtbrand,
  #product.work_margin > .pdtean,
  #product.work_margin > .pdtmpn {
    clear: none;
    width: 25%;
  }

  #image ~ .pdtcode,
  #image ~ .pdtbrand,
  #image ~ .pdtean,
  #image ~ .pdtmpn {
    height: 3em; /* 1.5em * 2 */
    overflow: hidden;
    margin-bottom: 10px;
    word-wrap: break-word;
  }

  #image ~ h1,
  #image ~ .pd00,
  #image ~ .pdtlibshortdiv,
  #image ~ #option_contener,
  #image ~ #formulaire,
  #image ~ #detail {
    float: right;
    clear: right;
    width: 50%;
  }

  body.alignement_image_d #image ~ h1,
  body.alignement_image_d #image ~ .pd00,
  body.alignement_image_d #image ~ .pdtlibshortdiv,
  body.alignement_image_d #image ~ #option_contener,
  body.alignement_image_d #image ~ #formulaire,
  body.alignement_image_d #image ~ #detail {
    float: left;
    clear: left;
  }

  #option_contener > .option.select {
    width: 33.333333333333333333333333333333%;
  }

  #image ~ #option_contener > .option.select {
    width: 100%;
  }

  #option_contener .opt_choice > li {
    width: 25%;
  }

  #option_contener .opt_choice > li:nth-child(3n) {
    clear: none;
  }

  #option_contener .opt_choice > li:nth-child(4n + 3) {
    clear: left;
  }

  #image ~ #option_contener .opt_choice > li {
    width: 50%;
  }

  #image ~ #option_contener .opt_choice > li:nth-child(4n + 3) {
    clear: none;
  }

  #image ~ #option_contener .opt_choice > li:nth-child(odd) {
    clear: left;
  }

  #ctx_perso {
    max-width: 420px;
  }

  #image ~ #formulaire #ctx_perso {
    max-width: none;
  }

  #feature #quantity {
    display: block;
  }

  #contener_tab {
    padding-bottom: 0;
  }

  #contener_tab > div {
    display: inline-block;
  }

  #slider_cross_selling_top > .items_image,
  #slider_cross_selling_top > .items_image > span {
    justify-content: flex-start;
  }

  #inf_1 li {
    width: 25%;
  }

  body.liens_sf #link_contener {
    display: block;
  }

  #fidelisation > div,
  #pied_page {
    display: table;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    table-layout: fixed;
    width: 100%;
  }

  #fidelisation > div > div,
  #pied_page > div {
    display: table-cell;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    vertical-align: top;
  }

  #fidelisation > div {
    -webkit-box-align: center;
    -moz-flex-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  #footer > #pied_page > div {
    float: none;
    width: auto;
    margin: 0;
  }

  #footer > #pied_page li {
    display: list-item;
  }

  #home .list_content,
  #list .uneven,
  #list .pair,
  body.colonnes_produits_3 #home .list_content[class*="pdt"],
  body.colonnes_produits_3 #list .uneven[class*="pdt"],
  body.colonnes_produits_3 #list .pair[class*="pdt"],
  body.colonnes_autres_3 #home .list_content:not([class*="pdt"]),
  body.colonnes_autres_3 #list .uneven:not([class*="pdt"]),
  body.colonnes_autres_3 #list .pair:not([class*="pdt"]) {
    width: 33.333333333333333333333333333333%;
  }

  #slider_cross_selling.scrollable .item,
  body.colonnes_produits_3 #slider_cross_selling.scrollable .item {
    width: calc(10% / 3);
  }

  body.colonnes_autres_1
    #home
    .list_content:not([class*="pdt"])
    > a:first-child,
  body.colonnes_autres_1
    #list
    .list_content:not([class*="pdt"])
    > a:first-child {
    width: 12.5%; /* 25% / 2 */
    padding-top: 12.5% !important;
  }

  body.colonnes_autres_1 #home .list_content:not([class*="pdt"]) .primary {
    left: -700%; /* 100% / 12.5% * 100% - 100% */
  }

  body.colonnes_autres_2
    #home
    .list_content:not([class*="pdt"])
    > a:first-child,
  body.colonnes_autres_2
    #list
    .list_content:not([class*="pdt"])
    > a:first-child {
    float: right;
    width: 25%;
    padding-top: 25% !important;
  }

  body.colonnes_autres_2 #home .list_content:not([class*="pdt"]) .view,
  body.colonnes_autres_2 #list .list_content:not([class*="pdt"]) .view {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -ms-transform: translate(-50%, -50%) !important;
    -moz-transform: translate(-50%, -50%) !important;
    -o-transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
    -moz-transition-property: filter;
    -o-transition-property: filter;
    -webkit-transition-property: filter;
    transition-property: filter;
  }

  body.colonnes_autres_2 #home .list_content:not([class*="pdt"]):hover .view,
  body.colonnes_autres_2
    #home
    .list_content:not([class*="pdt"])
    > a:first-child:focus
    > .view,
  body.colonnes_autres_2 #list .list_content:not([class*="pdt"]):hover .view,
  body.colonnes_autres_2
    #list
    .list_content:not([class*="pdt"])
    > a:first-child:focus
    > .view {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
  }

  body.colonnes_autres_2 #home .list_content:not([class*="pdt"]) .primary,
  body.colonnes_autres_2 #home .list_content:not([class*="pdt"]) .primary > a,
  body.colonnes_autres_2 #list .list_content:not([class*="pdt"]) .primary,
  body.colonnes_autres_2 #list .list_content:not([class*="pdt"]) .primary > a {
    height: auto;
  }

  body.colonnes_autres_2 #home .list_content:not([class*="pdt"]) .primary,
  body.colonnes_autres_2 #list .list_content:not([class*="pdt"]) .primary {
    font-size: 1.2857142857142857142857142857143em !important; /* 18px / 14px */
  }

  body.colonnes_autres_2 #home .list_content:not([class*="pdt"]) {
    padding-bottom: 0;
  }

  body.colonnes_autres_2 #home .list_content:not([class*="pdt"]) .primary {
    top: 0;
    right: 100%;
    bottom: 0;
    left: -300%; /* 100% / 25% * 100% - 100% */
  }

  body.colonnes_autres_2 #home .list_content:not([class*="pdt"]) .secondary {
    display: none;
  }

  .scrollable > .items .item_text > div {
    padding: 50px;
    font-size: 2.5em !important; /* 35px / 14px */
  }

  body.alignement_sliders_g .scrollable .item_text > div:not(.d):not(.c),
  .scrollable .item_text > .g {
    padding-right: 50% !important;
    text-align: left;
  }

  body.alignement_sliders_d .scrollable .item_text > div:not(.g):not(.c),
  .scrollable .item_text > .d {
    padding-left: 50% !important;
    text-align: right;
  }

  .scrollable > .slidetabs {
    bottom: 30px;
  }

  .onglets,
  #contener_tab {
    border-bottom-style: solid;
  }

  .onglets h2,
  #contener_tab > div {
    padding-bottom: 0;
    border-style: none;
  }

  .onglets h2:after,
  #contener_tab > div:after {
    display: block !important;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }

  .onglets h2:not(.actif):after,
  #contener_tab > div:not(.tab-active):after {
    width: 0 !important;
    filter: alpha(opacity=0);
    opacity: 0;
  }

  .onglets h2.actif,
  #contener_tab > div.tab-active {
    background-color: transparent;
    color: #000;
  }

  #mag_table_home .onglets.pages > td,
  #mag_table_home .contenu_onglets.pages > td,
  #contener_tab,
  #contener_content {
    padding-right: 30px;
    padding-left: 30px;
  }

  #content_popup_bsk_onglet .title_associed,
  #content_popup_bsk_onglet .list_content {
    display: block;
  }

  #sticky_footer {
    display: block;
  }

  #order_step::before {
    position: absolute;
    top: 50%;
    z-index: -1;
    width: 100%;
    height: 2px;
    background: var(--secondary-color);
    transform: translateY(-50%);
    content: "";
  }

  #order_step ul {
    flex-direction: row;
  }

  #order_step li::before {
    padding: 16px;
  }

  #order_step li::after {
    position: absolute;
    left: 100%;
    z-index: -1;
    margin: 0 !important;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid var(--secondary-color);
    content: "" !important;
  }
}

/*  = --- Large ------------------ */

@media (max-width: 1024px) {
  body.en-tete_fixe,
  body.extra_en-tete_fixe {
    padding-top: 0 !important;
  }

  div#navig {
    text-align: center;
  }

  #navig > #menu > li {
    float: none;
  }

  body:not(.filtres_p) #ff_container {
    top: 0 !important;
  }

  body.filtres_h #list_contener {
    padding-top: 0 !important;
  }
}

@media (min-width: 1025px) {
  #ff_center > .ff_crit_bloc,
  #advsearch_home p[class^="asearch_"],
  #advsearch_contener p[class^="asearch_"] {
    width: 31.333333333333333333333333333333%; /* 100% / 3 - 1% * 2 */
  }

  body.en-tete_fixe #top,
  body.en-tete_fixe #search,
  body.extra_en-tete_fixe #sup_1 {
    position: fixed;
    -webkit-animation: anim_en-tete 0.25s;
    -moz-animation: anim_en-tete 0.25s;
    -ms-animation: anim_en-tete 0.25s;
    -o-animation: anim_en-tete 0.25s;
    animation: anim_en-tete 0.25s;
  }

  body.en-tete_fixe.extra_en-tete:not(.extra_en-tete_fixe) #top,
  body.en-tete_fixe.extra_en-tete:not(.extra_en-tete_fixe) #search {
    margin-top: 0;
  }

  body.en-tete_fixe #top {
    top: 0;
  }

  #comand,
  #search {
    padding-top: 10px;
  }

  #comand a {
    display: inline;
  }

  #comand li > a:after {
    float: right;
    margin-left: 15px;
    color: #e5e5e5;
  }

  div#comand span {
    display: inline;
  }

  #comand .account {
    display: none !important;
  }

  #comand #log_login {
    display: inline-block;
    min-width: 7.5em;
  }

  #item_basket #numit_basket {
    position: static;
    margin-right: auto;
    padding: 0;
    background-color: transparent;
    font-size: 1em;
    line-height: inherit;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }

  body:not(.filtres_p) #navig {
    z-index: 9998;
  }

  #menu a.menu {
    line-height: 4.2857142857142857142857142857143; /* 60px / 14px */
  }

  #menu .smenu_column {
    width: 25%;
  }

  body:not(.filtres_p) #ff_container {
    visibility: visible;
    z-index: 9997;
    height: auto;
    filter: alpha(opacity=100);
    opacity: 1;
  }

  body:not(.filtres_p) #ff_center {
    overflow: visible;
    margin-top: auto !important;
    padding: 0;
    background-color: transparent;
    border-style: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  body:not(.filtres_p) #ff_center > .ff_title,
  body:not(.filtres_p) #ff_center > .ff_reset,
  body:not(.filtres_p) #fermer_filtres {
    display: none;
  }

  body:not(.filtres_p) #ff_center > .ff_crit_bloc {
    border-style: none;
  }

  body.filtres_h #ff_container {
    position: static;
  }

  body.filtres_h #ff_container:not(.scroll) {
    background-color: transparent;
  }

  body.filtres_h #ff_container:not(.scroll) > #formFF {
    padding: 0;
  }

  body.filtres_v #list_contener {
    position: relative;
    min-height: 1000px;
    padding-left: 312.5px;
  }

  body.filtres_v #ff_container {
    display: block !important;
    position: absolute;
    width: 312.5px; /* 1250px / 4 */
    background-color: transparent;
  }

  body.filtres_v #ff_container.scroll_max {
    top: auto;
    bottom: 0;
  }

  body.filtres_v #ff_container > #formFF {
    display: block !important;
    padding: 0;
  }

  body.filtres_v #ff_center > .ff_crit_bloc {
    float: none;
    width: auto;
    margin: 0;
    border-bottom-style: solid;
  }

  #ff_container.scroll {
    position: fixed !important;
  }

  body.filtres_v #ff_container.scroll {
    left: auto;
    height: 0;
  }

  body.filtres_v #ff_container.scroll > #formFF {
    position: relative;
    left: -100%;
  }

  #search {
    width: 250px;
  }

  body.en-tete_g #search {
    margin-left: -125px; /* 250px / 2 */
  }

  #list_contener,
  #slider_cross_selling_top,
  #slider_cross_selling {
    border-top-style: solid;
  }

  #list_contener > .display-by,
  #list_contener > .sort-by,
  #list_contener > .filter-by {
    text-align: right;
  }

  #work.list_filter_facet .sort-by,
  #list_contener > .sort-by + .filter-by,
  #work.list_filter_facet #sortby,
  #list_contener > .sort-by + .filter-by > #filterby {
    width: auto;
  }

  #list_contener > .display-by {
    display: block;
  }

  body.tri #list_contener > .display-by,
  body.filtres_p #list_contener > .display-by {
    float: right;
  }

  body:not(.filtres_p) #work.list_filter_facet .sort-by {
    float: none;
  }

  body:not(.filtres_p) #list_contener > .filter-by {
    display: none;
  }

  body.vues_supplementaires #image {
    width: 36%; /* 450px * 100 / 1250px */
    margin-left: 10%; /* (90px + 35px) * 100 / 1250px */
  }

  body.vues_supplementaires.alignement_image_d #image {
    margin-right: 10%;
    margin-left: 0;
  }

  body.vues_supplementaires #zoom {
    margin: 0 11.111111111111111111111111111111%; /* 50px * 100 / 450px */
  }

  #image > .pd07 {
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    width: 20%; /* 90px * 100 / 450px */
    margin: 0 7.7777777777777777777777777777778%; /* 35px * 100 / 450px */
    padding: 6.6666666666666666666666666666667% 0; /* 30px * 100 / 450px */
  }

  body.alignement_image_d #image > .pd07 {
    left: 100%;
  }

  #image > .pd07 > span {
    position: relative;
    height: 100%;
    overflow: hidden;
  }

  #image .items {
    position: absolute;
  }

  #image .items > a {
    width: auto;
    height: auto;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    border-style: none;
    filter: alpha(opacity=50);
    opacity: 0.5;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }

  #image .items > a:hover,
  #image .items > a:focus,
  #image .items > a.actif {
    filter: alpha(opacity=100);
    opacity: 1;
  }

  #image .items > a.actif {
    background-color: transparent;
  }

  #image .pic_another_pic {
    display: block;
  }

  #image > .pd07 > .prev,
  #image > .pd07 > .next {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    background-color: #eee;
    border-bottom-style: none;
    text-align: center;
    color: #333;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }

  #image > .pd07 > .prev:not(.disabled),
  #image > .pd07 > .next:not(.disabled) {
    cursor: pointer;
  }

  #image > .pd07 > .prev:not(.disabled):hover,
  #image > .pd07 > .next:not(.disabled):hover {
    background-color: transparent;
  }

  #image > .pd07 > .prev {
    top: 0;
  }

  #image > .pd07 > .next {
    bottom: 0;
  }

  #image > .pd07 > .disabled {
    filter: alpha(opacity=25);
    opacity: 0.25;
  }

  #image > .comment {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 5px 10px;
    background-color: #f9f9f9;
    background-color: rgba(249, 249, 249, 0.75);
    color: #333;
  }

  #image.view ~ .pdtcode,
  #image.view ~ .pdtbrand,
  #image.view ~ .pdtean,
  #image.view ~ .pdtmpn {
    width: 12.5%;
  }

  #option_contener > .option.select {
    width: 25%;
  }

  #image ~ #option_contener > .option.select {
    width: 50%;
  }

  #option_contener .opt_choice > li {
    width: 20%;
  }

  #option_contener .opt_choice > li:nth-child(4n + 3) {
    clear: none;
  }

  #option_contener .opt_choice > li:nth-child(5n + 3) {
    clear: left;
  }

  #image ~ #option_contener .opt_choice > li {
    width: 33.333333333333333333333333333333%;
  }

  #image ~ #option_contener .opt_choice > li:nth-child(odd),
  #image ~ #option_contener .opt_choice > li:nth-child(5n + 3) {
    clear: none;
  }

  #image ~ #option_contener .opt_choice > li:nth-child(3n) {
    clear: left;
  }

  #feature #quantity {
    display: inline;
  }

  #right_contener > #sup_1 li {
    display: inline-block;
  }

  body:not(.slogan) #sup_1 li:nth-child(4) ~ li {
    float: left;
  }

  #inf_1 a {
    padding: 50px;
  }

  #fidelisation h1,
  #fidelisation .h1-like {
    font-size: 2.25em !important; /* 36px / 16px */
  }

  #fidelisation .large-inbl {
    margin-top: 0;
    vertical-align: middle;
  }

  #fidelisation .large-inbl + .large-inbl {
    margin-left: 1em;
  }

  #fidelisation .newsletter {
    margin-top: -0.5em;
    vertical-align: top;
  }

  #pied_page ul.colonnes {
    overflow: hidden;
  }

  #pied_page ul.colonnes > li {
    float: left;
    width: 50%;
  }

  body:not(.filtres_v) #home .list_content,
  body:not(.filtres_v) #list .uneven,
  body:not(.filtres_v) #list .pair {
    width: 25%;
  }

  #slider_cross_selling.scrollable .item {
    width: calc(10% / 4);
  }

  #home .list_content:not([class*="pdt"]) > a:first-child,
  #list .list_content:not([class*="pdt"]) > a:first-child,
  body.colonnes_autres_3
    #home
    .list_content:not([class*="pdt"])
    > a:first-child,
  body.colonnes_autres_3
    #list
    .list_content:not([class*="pdt"])
    > a:first-child,
  body.colonnes_autres_4
    #home
    .list_content:not([class*="pdt"])
    > a:first-child,
  body.colonnes_autres_4
    #list
    .list_content:not([class*="pdt"])
    > a:first-child {
    float: right;
    width: 25%;
    padding-top: 25% !important;
  }

  #home .list_content:not([class*="pdt"]) .view,
  #list .list_content:not([class*="pdt"]) .view,
  body.colonnes_autres_3 #home .list_content:not([class*="pdt"]) .view,
  body.colonnes_autres_3 #list .list_content:not([class*="pdt"]) .view,
  body.colonnes_autres_4 #home .list_content:not([class*="pdt"]) .view,
  body.colonnes_autres_4 #list .list_content:not([class*="pdt"]) .view {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -ms-transform: translate(-50%, -50%) !important;
    -moz-transform: translate(-50%, -50%) !important;
    -o-transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
    -moz-transition-property: filter;
    -o-transition-property: filter;
    -webkit-transition-property: filter;
    transition-property: filter;
  }

  #home .list_content:not([class*="pdt"]):hover .view,
  #list .list_content:not([class*="pdt"]):hover .view,
  body.colonnes_autres_3 #home .list_content:not([class*="pdt"]):hover .view,
  body.colonnes_autres_3
    #home
    .list_content:not([class*="pdt"])
    > a:first-child:focus
    > .view,
  body.colonnes_autres_3 #list .list_content:not([class*="pdt"]):hover .view,
  body.colonnes_autres_3
    #list
    .list_content:not([class*="pdt"])
    > a:first-child:focus
    > .view,
  body.colonnes_autres_4 #home .list_content:not([class*="pdt"]):hover .view,
  body.colonnes_autres_4
    #home
    .list_content:not([class*="pdt"])
    > a:first-child:focus
    > .view,
  body.colonnes_autres_4 #list .list_content:not([class*="pdt"]):hover .view,
  body.colonnes_autres_4
    #list
    .list_content:not([class*="pdt"])
    > a:first-child:focus
    > .view {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
  }

  #home .list_content:not([class*="pdt"]) .primary,
  #home .list_content:not([class*="pdt"]) .primary > a,
  #list .list_content:not([class*="pdt"]) .primary,
  #list .list_content:not([class*="pdt"]) .primary > a,
  body.colonnes_autres_3 #home .list_content:not([class*="pdt"]) .primary,
  body.colonnes_autres_3 #home .list_content:not([class*="pdt"]) .primary > a,
  body.colonnes_autres_3 #list .list_content:not([class*="pdt"]) .primary,
  body.colonnes_autres_3 #list .list_content:not([class*="pdt"]) .primary > a,
  body.colonnes_autres_4 #home .list_content:not([class*="pdt"]) .primary,
  body.colonnes_autres_4 #home .list_content:not([class*="pdt"]) .primary > a,
  body.colonnes_autres_4 #list .list_content:not([class*="pdt"]) .primary,
  body.colonnes_autres_4 #list .list_content:not([class*="pdt"]) .primary > a {
    height: auto;
  }

  #home .list_content:not([class*="pdt"]),
  body.colonnes_autres_3 #home .list_content:not([class*="pdt"]),
  body.colonnes_autres_4 #home .list_content:not([class*="pdt"]) {
    padding-bottom: 0;
  }

  #home .list_content:not([class*="pdt"]) .primary,
  body.colonnes_autres_3 #home .list_content:not([class*="pdt"]) .primary,
  body.colonnes_autres_4 #home .list_content:not([class*="pdt"]) .primary {
    top: 0;
    right: 100%;
    bottom: 0;
    left: -300%; /* 100% / 25% * 100% - 100% */
  }

  #home .list_content:not([class*="pdt"]) .secondary,
  body.colonnes_autres_3 #home .list_content:not([class*="pdt"]) .secondary,
  body.colonnes_autres_4 #home .list_content:not([class*="pdt"]) .secondary {
    display: none;
  }

  .scrollable > .items .item_text > div {
    padding: 100px;
    font-size: 3.5714285714285714285714285714286em !important; /* 50px / 14px */
  }

  #cookie-law-info-bar br {
    display: none;
  }

  #cookie-law-close-button {
    margin-left: 1em;
  }
}

/*  = --- 1280px ----------------- */

@media (max-width: 1279px) {
  #home .list_content span#quantity,
  #list .list_content span#quantity {
    display: none;
  }
}

@media (min-width: 1280px) {
  /* 1250px + 15px * 2 */
  #top,
  #search,
  #formFF,
  #work,
  #work_order,
  #right_contener > div,
  #link_contener,
  #footer_contener > .arround,
  #fidelisation,
  #pied_page,
  #cookie-law-info-bar,
  #content_sticky_history,
  #sticky_footer > .title_sticky {
    padding-right: 0;
    padding-left: 0;
  }

  #ff_center > .ff_crit_bloc,
  #advsearch_home p[class^="asearch_"],
  #advsearch_contener p[class^="asearch_"] {
    width: 23%; /* 100% / 4 - 1% * 2 */
  }

  #comand {
    right: 0;
  }

  #item_basket #total_basket {
    display: inline;
  }

  #search {
    left: auto;
  }

  #navigation > ul {
    border-style: none solid solid;
  }

  #option_contener > .option.select {
    width: 20%;
  }

  #image ~ #option_contener > .option.select {
    width: 33.333333333333333333333333333333%;
  }

  #retour_haut {
    font-size: 1.42857142857143em; /* 20px / 14px */
  }
}

/* ------------------------------- */
/*  =     Animations               */
/* ------------------------------- */

@-webkit-keyframes anim_en-tete {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes anim_en-tete {
  0% {
    opacity: 0;
    -moz-transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-ms-keyframes anim_en-tete {
  0% {
    opacity: 0;
    -ms-transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}
@-o-keyframes anim_en-tete {
  0% {
    opacity: 0;
    -o-transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes anim_en-tete {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes anim_commandes {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes anim_commandes {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes anim_commandes {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes anim_commandes {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes anim_commandes {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes anim_panier {
  50% {
    -webkit-transform: rotateY(360deg) scale(2);
  }
  100% {
    -webkit-transform: rotateY(0deg) scale(1);
  }
}
@-moz-keyframes anim_panier {
  50% {
    -moz-transform: rotateY(360deg) scale(2);
  }
  100% {
    -moz-transform: rotateY(0deg) scale(1);
  }
}
@-ms-keyframes anim_panier {
  50% {
    -ms-transform: rotateY(360deg) scale(2);
  }
  100% {
    -ms-transform: rotateY(0deg) scale(1);
  }
}
@-o-keyframes anim_panier {
  50% {
    -o-transform: rotateY(360deg) scale(2);
  }
  100% {
    -o-transform: rotateY(0deg) scale(1);
  }
}
@keyframes anim_panier {
  50% {
    transform: rotateY(360deg) scale(2);
  }
  100% {
    transform: rotateY(0deg) scale(1);
  }
}

@-webkit-keyframes anim_pop-up_avent {
  25% {
    -webkit-transform: rotate(10deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(10deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
@-moz-keyframes anim_pop-up_avent {
  25% {
    -moz-transform: rotate(10deg);
  }
  50% {
    -moz-transform: rotate(0deg);
  }
  75% {
    -moz-transform: rotate(10deg);
  }
  100% {
    -moz-transform: rotate(0deg);
  }
}
@-ms-keyframes anim_pop-up_avent {
  25% {
    -ms-transform: rotate(10deg);
  }
  50% {
    -ms-transform: rotate(0deg);
  }
  75% {
    -ms-transform: rotate(10deg);
  }
  100% {
    -ms-transform: rotate(0deg);
  }
}
@-o-keyframes anim_pop-up_avent {
  25% {
    -o-transform: rotate(10deg);
  }
  50% {
    -o-transform: rotate(0deg);
  }
  75% {
    -o-transform: rotate(10deg);
  }
  100% {
    -o-transform: rotate(0deg);
  }
}
@keyframes anim_pop-up_avent {
  25% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(0deg);
  }
}