/*
Nom du thème : ColisPharma
URL du thème : http://www.colispharma.be/
Auteur : Y-Proximité / Jérémy PETERSEN
URL de l'auteur : http://www.y-proximite.fr/
Description : ColisPharma
Version : 1.0
*/

/*
Table des matières :

Store-Factory
Général
 |_ Titres
 |_ Réassurances
 |_ Divers
Regroupement
Conteneur principal
En-tête
 |_ Logo
 |_ Commandes
     |_ Compte
     |_ Panier
Menu principal
 |_ Gestion menu
Colonne
 |_ Filtres
 |_ Recherche
Fil d'ariane
Contenu principal
Pied de page
 |_ Fidélisation
 |_ Arguments
 |_ Logistique
 |_ Menu filet
     |_ Réseaux sociaux
 |_ Contact rapide
     |_ Retour haut
Slider accueil
 |_ Visuels
     |_ Slide
 |_ Sélection visuel
Réassurances
Slider marques
 |_ Visuels
 |_ Sélection visuel
Page libre
Produits
Liste produits
 |_ Tri
 |_ Accueil / Liste
    |_ Liste
Fiche produit
 |_ Libellé secondaire
 |_ Code interne
 |_ Image
     |_ Zoom
     |_ Vues supplémentaires
 |_ Options
     |_ Liste déroulante simple
     |_ Liste déroulante avec images
     |_ Liste d'options
     |_ Liste d'images
 |_ Caractéristiques
     |_ Logos de mise en avant
     |_ Tarif
     |_ Barème dégressif
     |_ Stock
     |_ Boutons
     |_ Demande de réassort
     |_ Liste associée
 |_ Onglets
Pop-up
Mon compte
Panier
 |_ Standard
     |_ Vide
 |_ Pop-up
Achat
Bandeau cookies
Extras
 |_ Extra commandes
 |_ Extra call to action
 |_ Extra réassurances
     |_ Extra livraison
 |_ Extra avis
 |_ Extra aide
 |_ Extra compte
 |_ Extra parrainage
 |_ Extra panier vide
Media Queries
 |_ 421px
 |_ Tiny
 |_ Small
 |_ 520px
 |_ 601px
 |_ Medium
 |_ 961px
 |_ Large
 |_ 1200px
 |_ 1280px
 |_ 1300px
*/

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

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

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

h2 {
    margin: .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                  */
/* ------------------------------- */

body {
    background-image: none;
    font-family: lato, "helvetica neue", helvetica, arial, sans-serif !important;
    font-size: 1.6em !important; /* 16px / 10px */
    font-weight: 300;
    color: #666 !important;
}

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

@media screen and (min-width:  421px) {body:before {content: ">= 421px et < 481px : menu_accordeon";}}
@media screen and (min-width:  481px) {body:before {content: ">= 481px et < 520px : menu_accordeon";}}
@media screen and (min-width:  520px) {body:before {content: ">= 520px et < 601px : menu_accordeon";}}
@media screen and (min-width:  601px) {body:before {content: ">= 601px et < 769px : menu_accordeon";}}
@media screen and (min-width:  769px) {body:before {content: ">= 769px et < 961px : menu_accordeon";}}
@media screen and (min-width:  961px) {body:before {content: ">= 961px et < 1024px";}}
@media screen and (min-width: 1024px) {body:before {content: ">= 1024px et < 1200px";}}
@media screen and (min-width: 1200px) {body:before {content: ">= 1200px et < 1280px";}}
@media screen and (min-width: 1280px) {body:before {content: ">= 1280px et < 1300px";}}
@media screen and (min-width: 1300px) {body:before {content: ">= 1300px";}}

a:link, a:visited,
button,
input,
textarea,
select {
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .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,
#cookie-law-info-bar #cookie-law-close-button > button,
#feature > .reappro > a,
#Annuler,
#LinkSend {
    padding: 0 25px;
}

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

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

button,
input,
select,
a[class*="btn"],
#feature > .reappro > a,
#Annuler,
#LinkSend {
    line-height: 3.125; /* 50px / 16px */
}

input,
select,
#option_contener .pdt_btn,
#search .ibox,
#search .btn_short,
#feature > .reappro > a,
#Annuler,
#LinkSend {
    height: 3.125em;
}

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 {
    border: 1px solid #cdcdcd;
}

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

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

input[type="radio"]:checked {
    background-color: #000;
}

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

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
a[class*="btn"],
#option_contener .pdt_btn,
#cookie-law-info-bar #cookie-law-close-button > button,
#feature > .reappro > a,
#Annuler,
#LinkSend {
    background-color: #4fc6ee;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
a[class*="btn"],
#feature > .reappro > a,
#Annuler,
#LinkSend {
    overflow: hidden;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff !important;
}

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

input:focus,
textarea:focus,
select:focus {
    background-color: #e8ebec;
}

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,
#option_contener .pdt_btn:hover, #option_contener .pdt_btn:focus,
#cookie-law-info-bar #cookie-law-close-button > button:hover, #cookie-law-info-bar #cookie-law-close-button > button:focus,
#feature > .reappro > a:hover, #feature > .reappro > a:focus,
#Annuler:hover, #Annuler:focus,
#LinkSend:hover, #LinkSend:focus {
    background-color: #cfda3d;
}

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

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

h1, .h1-like {
    font-size: 1.875em !important; /* 30px / 16px */
    line-height: 1;
    font-weight: 700;
    text-transform: none;
    color: #222;
}

h2, .h2-like,
h3, .h3-like {
    font-weight: 300;
    text-transform: uppercase;
    color: #666;
}

h2, .h2-like {
    font-size: 1.125em !important; /* 18px / 16px */
}

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

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

/*  = --- Réassurances ----------- */

.reassurances {
    padding-left: 0;
    background-color: #cfda3d;
    color: #222;
}

.reassurances > li {
    padding: 7.5px 10px !important;
}

.reassurances img.left {
    margin: 0;
}

.reassurances .h2-like {
    font-weight: 400;
    text-transform: none;
    color: #fff;
}

.reassurances .h2-like > a {
    outline-style: dotted !important;
}

.reassurances .h2-like > a:hover,
.reassurances .h2-like > a:focus {
    color: #222 !important;
}

.reassurances .h2-like > a:focus {
    outline-color: #222;
}

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

.invisible {
    display: none !important;
}

#thDongle {
    display: none;
}

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

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

#menu_filet #reseaux_sociaux a {
    color: #222;
}

body,
#navig,
#feature > .stock_pos,
#feature > .pd05,
#briefcase_product .tab,
#briefcase_product .tab-active,
#product > #extra_reassurances > li:last-child {
    background-color: #fff !important;
}

#master,
#arguments > ul,
#logistique > div,
#menu_filet,
#contact_rapide,
#extra_call_to_action {
    width: auto;
    margin: 0 auto;
}

#master,
#arguments > ul,
#logistique > div,
#menu_filet,
#contact_rapide,
#extra_call_to_action {
    max-width: 1280px;
}

#master,
#fidelisation,
#logistique,
#menu_filet,
#contact_rapide {
    padding-right: 10px;
    padding-left: 10px;
}

#comand a,
a.gestion_menu > i,
#extra_commandes > li > a {
    width: 80px;
    height: 80px;
}

a.gestion_menu > i {
    line-height: 80px;
}

#extra_commandes {
    margin-right: 80px;
}

#comand,
a.gestion_menu,
#extra_commandes {
    color: #999;
}

#comand a,
#extra_commandes > li > a {
    background: url(img/commandes.png) no-repeat;
}

.work_margin a, .work_margin a:hover, .work_margin a:focus,
.pop_up .contener a {
    color: #4fc6ee;
}

.work_margin a,
.pop_up .contener a {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.work_margin a,
.pop_up .contener a:hover, .pop_up .contener a:focus {
    border-bottom-color: #4fc6ee;
}

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

.work_margin a:focus,
.pop_up .contener a:focus {
    outline-color: #4fc6ee;
}

#ff_center,
#ff_center > .ff_title,
#ff_center > .ff_reset,
#ff_center > .ff_crit_bloc,
#ff_slider_range_price,
#tc_07 > h2,
#slider_marques,
.sort-by,
#home .list_content, #list .list_content,
#list > h1,
#list > .header,
#pagination,
#page > h1,
#product,
#product > .pd00,
#product > #image > #pd_zoom,
#product > #image > .pd07 > a,
#product #feature > .stock_pos,
#product #feature .out_stock,
#product #feature > .pd05,
#briefcase_product .tab,
#briefcase_product .tab-active,
#product #contener_content,
#extra_commandes ul,
#product > #extra_reassurances > li:last-child,
#extra_panier_vide,
#basket h1,
#formulaire > fieldset, #formulaire > fieldset > legend,
#delivery .canvas_delivery fieldset,
#validation fieldset, #validation fieldset > legend {
    border: 1px solid #cdcdcd;
}

.argument:before,
#extra_aide:before,
#extra_parrainage:before {
    display: block;
    height: 80px;
    background: url(img/arguments.png) no-repeat;
    content: "";
}

#popupAlertReapro #Annuler,
#popup_div_bkjs .btn_1,
#extra_panier_vide > .btn {
    background-color: transparent;
    border: 1px solid #4fc6ee;
    color: #4fc6ee !important;
}

#popupAlertReapro #Annuler:hover, #popup_div_bkjs .btn_1:hover,
#popupAlertReapro #Annuler:focus, #popup_div_bkjs .btn_1:focus,
#extra_panier_vide > .btn:hover, #extra_panier_vide > .btn:focus {
    border-color: #cfda3d;
    color: #cfda3d !important;
}

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

.bkg_texture {
    overflow-x: hidden;
}

#master {
    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;
    background: none;
}

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

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

#top, #top:before {
    background-color: #fbfcff;
}

#top {
    position: relative;
    z-index: 0;
    height: auto;
    margin-bottom: 70px;
    padding-top: 60px;
    padding-bottom: 15px;
    background-image: none;
    text-align: center;
}

#top:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: -1;
    width: 20000em;
    margin-left: -10000em; /* 20000em / 2 */
    content: "";
}

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

#logo {
    margin-top: 20px;
}

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

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

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

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

#comand {
    float: none;
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: auto;
    margin: 0;
    background: none;
}

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

#comand li {
    float: none;
    padding: 0;
}

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

#comand a {
    display: block;
}

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

/* Compte */

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

/* Panier */

#comand .basket > a {
    background-position: center -160px;
}

/* Retour */

#comand .back > a {
    background-position: bottom;
}

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

#navig {
    position: fixed;
    top: 0;
    bottom: 0;
    left: -100%;
    width: 100%;
    overflow: auto;
    padding: 0;
    background-image: none;
    font-size: .875em; /* 14px / 16px */
    font-weight: 400;
    -moz-transition: left .5s;
    -o-transition: left .5s;
    -webkit-transition: left .5s;
    transition: left .5s;
}

#navig:target {
    left: 0;
}

#navig ul {
    padding-left: 0;
}

#menu {
    margin-top: 0;
}

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

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

#menu a.menu,
#menu .smenu a {
    padding: 0 9px;
    color: #fff;
}

#menu a.menu,
#menu a.smenu_header_h2 {
    border: 1px solid #fff;
    border-style: none none solid;
    border-color: rgba(255, 255, 255, .3);
    text-transform: uppercase;
}

#menu a.menu {
    display: table;
    position: relative;
    width: 100%;
    background-color: #4fc6ee;
}

#menu a.menu > span {
    display: table-cell;
    height: 4.6428571428571428571428571428571em; /* 65px / 14px */
    vertical-align: middle;
}

#menu .accordeon:before {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -0.5em;
    font-family: fontawesome;
    line-height: 1;
    content: "\f0d7";
}

#menu .accordeon.actif:before {
    content: "\f0d8";
}

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

#menu .smenu {
    position: static;
    width: auto;
    height: 0;
    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 .5s;
    -o-transition: -o-transform .5s;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
}

#menu .accordeon.actif + .smenu {
    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: 1em;
    line-height: 2.14285714285714285721428571428571; /* 30px / 14px */
    font-weight: inherit;
    -moz-transition-property: none;
    -ms-transition-property: none;
    -o-transition-property: none;
    -webkit-transition-property: none;
    transition-property: none;
}

#menu .smenu a:hover, #menu .smenu a:focus {
    background-color: transparent;
    color: #222;
}

#menu > .m11 > a.menu {
    background-color: #cfda3d;
}

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

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

a.gestion_menu:hover,
a.gestion_menu:focus {
    color: #cfda3d;
}

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

a.gestion_menu > i {
    font-size: 40px;
    text-align: center;
}

a.gestion_menu > span {
    display: none;
    text-transform: uppercase;
}

#ouvrir_menu {
    position: absolute;
    top: 0;
    left: 0;
}

#fermer_menu {
    float: right;
}

#fermer_menu > i {
    -moz-transition: -moz-transform .5s;
    -o-transition: -o-transform .5s;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
}

#fermer_menu:hover > i,
#fermer_menu:focus > i {
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

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

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

#left_contener {
    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;
}

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

#ff_container {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}

.ff_message > .ff_title {
    display: none;
}

#ff_top, #ff_bottom {
    display: none;
}

#ff_center {
    margin-top: 10px;
    background-color: #f4f4f4;
}

#ff_center > .ff_title,
#ff_center > .ff_reset,
#ff_center > .ff_crit_bloc {
    padding: 20px;
    border-style: none none solid;
}

/* Titre */

#ff_center > .ff_title {
    font-size: 1.125em; /* 18px / 16px */
    font-weight: 400;
    color: #222;
}

#ff_center > .ff_reset > a {
    font-size: .875em; /* 14px / 16px */
    text-transform: uppercase;
    color: #4fc6ee;
    cursor: pointer;
}

/* Bloc de critères */

#ff_center > .ff_crit_bloc:last-child {
    border-bottom-style: none;
}

#ff_center .ff_crit_title {
    margin-bottom: 1em;
    text-transform: uppercase;
    color: #222;
    cursor: pointer;
}

#ff_center .ff_crit_title:not(#ff_crit_title_price):before {
    float: right;
    margin-top: .5em;
    border: 5px solid transparent;
    border-left-color: inherit;
    content: "";
    -ms-transform-origin: left;
    -moz-transform-origin: left;
    -o-transform-origin: left;
    -webkit-transform-origin: left;
    transform-origin: left;
    -moz-transition: -moz-transform .5s;
    -o-transition: -o-transform .5s;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
}

#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 {
    padding-left: 0;
    list-style-type: none;
}

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

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

#ff_slider_range_price > span {
    background: #4fc6ee;
    border-style: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-transition: background-color .5s;
    -o-transition: background-color .5s;
    -webkit-transition: background-color .5s;
    transition: background-color .5s;
}

#ff_slider_range_price > span.ui-state-hover {
    background-color: #cfda3d;
}

#ff_slider_range_price > div {
    background: #cdcdcd;
}

#ff_crit_list_price > .ff_slider_count {
    font-size: .75em; /* 12px / 16px */
    text-align: center;
}

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

#ff_crit_list_color {
    overflow: hidden;
}

#ff_crit_list_color > li {
    float: left;
    margin-right: 2px;
    margin-bottom: 2px;
    border: 1px solid #999;
    -moz-transition: border-color .5s;
    -o-transition: border-color .5s;
    -webkit-transition: border-color .5s;
    transition: border-color .5s;
}

#ff_crit_list_color > li:hover {
    border-color: #222;
}

#ff_crit_list_color .ff_chk {
    display: none;
}

#ff_crit_list_color .ff_label {
    width: 28px; /* 30px - 1px * 2 */
    height: 28px;
    background-color: #000;
    line-height: 28px;
    text-align: center;
    color: #fff;
}

/* TODO : Ajouter les différentes couleurs répertoriées. */

#ff_crit_list_color .ff_label > span {
    display: none;
}

#ff_crit_list_color .ff_chk[disabled] + .ff_label {
    filter: alpha(opacity=25);
    opacity: .25;
}

#ff_crit_list_color .ff_crit_color_checked:before {
    text-shadow: 0 0 2px #000;
    content: "\2713";
}

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

#search {
    top: 190px;
    right: 0;
    left: 0;
    margin: 10px;
}

#search > p {
    max-width: 500px;
    margin: 0 auto;
}

#search .ibox,
#search .btn_short {
    float: none;
}

#search .ibox {
    width: 87.5%; /* 350px * 100 / 400px */
    height: 5em; /* 50px / 10px */
    font-size: .625em; /* 10px / 16px */
    line-height: 5;
}

#search .ibox                            {color: #999;}
#search .ibox::-webkit-input-placeholder {color: #999;}
#search .ibox:-moz-placeholder           {color: #999;}
#search .ibox::-moz-placeholder          {color: #999;}
#search .ibox:-ms-input-placeholder      {color: #999;}

#search .btn_short {
    width: 12.5%; /* 50px * 100 / 350px */
    background: #cfda3d url(img/loupe.png) no-repeat center;
    text-indent: -20000em;
}

#search .btn_short:hover,
#search .btn_short:focus {
    background-color: #4fc6ee;
}

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

#navigation, #navigation a {
    color: #cdcdcd;
}

#navigation {
    display: block;
    width: auto;
    margin-top: 20px;
    padding-top: 0;
    padding-bottom: 0;
}

#navigation a:hover, #navigation a:focus {
    color: #222 !important;
}

#navigation a:focus {
    outline-color: #222;
}

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

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

#navigation li + li:before {
    margin: 0 .5em;
    content: "/";
}

#navigation a:before, #navigation span {
    vertical-align: middle;
}

#navigation li:first-of-type > a:before {
    font-family: fontawesome;
    font-size: 1.125em; /* 18px / 16px */
    content: "\f015";
}

#navigation li:first-of-type span {
    display: none;
}

#navigation li:last-of-type > a {
    color: #4fc6ee;
}

#navigation span {
    color: inherit !important;
}

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

#work, #work_order {
    width: auto;
    padding-bottom: 20px;
}

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

.work_margin {
    margin: 0;
}

.work_margin > .btn_pos, #formulaire > .btn_pos {
    margin: 0;
    padding-top: 2.5em; /* 40px / 16px */
}

.work_margin > .btn_pos > input,
#formulaire > .btn_pos > input {
    margin-bottom: 10px;
}

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

#mag_table_home {
    margin-bottom: 0;
}

#mag_table_home > tbody > tr > td {
    display: block;
    margin-top: 0;
    padding: 0;
}

#mag_table_home > tbody > tr > td > h2,
#mag_table_home > tbody > tr > td > p {
    display: none;
}

#mag_table_home #tc_03 {
    padding-top: 20px;
}

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

#link_contener {
    display: none;
}

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

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

#fidelisation {
    padding-top: 45px;
    padding-bottom: 55px;
    background: #cfda3d url(img/fidelisation.jpg) no-repeat right top;
    color: #fff;
}

#fidelisation > div {
    max-width: 800px;
}

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

#fidelisation .h1-like {
    font-size: 2.25em !important; /* 36px / 16px */
}

#fidelisation .h2-like {
    margin-top: 0;
    font-weight: 400;
    text-transform: none;
    letter-spacing: .0625em;
}

#fidelisation #newsletter {
    display: inline-block;
    position: relative;
    max-width: 375px;
}

#mail_newsletter::-ms-clear {
    display: none;
}

#newsletter > .btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 2em; /* 50px / 25px */
    height: 2em;
    padding: 0;
    background-color: #222;
    font-size: 1.5625em; /* 25px / 16px */
    line-height: 2;
}

#newsletter > .btn:hover,
#newsletter > .btn:focus {
    background-color: transparent;
    color: #222 !important;
}

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

#arguments {
    background-color: #4fc6ee;
}

#arguments li {
    padding-left: 0;
    font-size: 16px;
    font-size: 1.6rem;
}

.argument {
    padding: 10px 10px 30px;
}

.argument:before {
    -moz-transition: -moz-transform .5s;
    -o-transition: -o-transform .5s;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
}

.argument.paiement:before  {background-position: center top;}
.argument.aide:before      {background-position: center -80px;}
.argument.livraison:before {background-position: center -160px;}

.argument:hover, .argument:focus {
    background-color: #00aee2;
}

.argument:hover:before,
.argument:focus:before {
    -ms-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}

.argument > .h2-like {
    font-size: 1.25em !important; /* 20px / 16px */
    font-weight: 400;
    text-transform: none;
    color: #fff;
}

.argument span {
    display: block;
}

.argument span > span {
    font-size: .8em; /* 16px / 20px */
    font-weight: 300;
}

/*#arguments li:first-child > a {
    padding: 19% 25px;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}*/

/*  = --- Logistique ------------- */

#logistique {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #000;
}

#logistique a {
    width: 90px;
    height: 50px;
    background: url(img/logistique.png) no-repeat;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

a#logistique_cb            {background-position: center  -50px;}
a#logistique_mastercard    {background-position: center -100px;}
a#logistique_bancontact    {background-position: center -150px;}
a#logistique_paypal        {background-position: center -200px;}
a#logistique_ingenico      {background-position: center -250px;}
a#logistique_dpd           {background-position: center -300px;}
a#logistique_mondial_relay {background-position: center -350px;}
a#logistique_afmps         {background-position: center -400px;}

#logistique a:hover, #logistique a:focus {
    -webkit-filter: none;
    filter: none;
}

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

#menu_filet, #menu_filet a {
    color: #4f4f4f;
}

#reseaux_sociaux a {
    background-color: #4f4f4f;
}

#menu_filet {
    padding-top: 50px;
    font-weight: 400;
}

#menu_filet a:hover, #menu_filet a:focus {
    color: #fff;
}

#menu_filet a:focus {
    outline-color: #fff;
}

#menu_filet h3 {
    font-size: 1em !important;
    font-weight: inherit;
    letter-spacing: .125em;
    color: #cdcdcd;
}

#menu_filet ul {
    padding-left: 0;
}

#menu_filet > ul > li {
    margin-bottom: 45px;
}

#menu_filet img.mlm {
    margin-left: 35px;
}

#legalite_site {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

#legalite_site:hover, #legalite_site:focus {
    -webkit-filter: none;
    filter: none;
}

/* Réseaux sociaux */

#reseaux_sociaux {
    margin-top: 1em;
    font-size: 1.4285714285714285714285714285714em; /* 20px / 14px */
}

#reseaux_sociaux > li + li {
    margin-left: .5em; /* 10px / 20px */
}

#reseaux_sociaux a {
    width: 1.75em; /* 35px / 20px */
    outline-style: none;
    line-height: 1.75;
    text-align: center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

#menu_filet #reseaux_sociaux a:hover,
#menu_filet #reseaux_sociaux a:focus {
    color: #fff;
}

#reseaux_sociaux .fa-facebook:hover    , #reseaux_sociaux .fa-facebook:focus     {background-color: #3b5998;}
#reseaux_sociaux .fa-twitter:hover     , #reseaux_sociaux .fa-twitter:focus      {background-color: #64b1e1;}
#reseaux_sociaux .fa-youtube-play:hover, #reseaux_sociaux .fa-youtube-play:focus {background-color: #cd201f;}
#reseaux_sociaux .fa-linkedin:hover    , #reseaux_sociaux .fa-linkedin:focus     {background-color: #0077b5;}

/*  = --- Contact rapide --------- */

#contact_rapide, #contact_rapide a {
    color: #999;
}

#contact_rapide {
    padding-bottom: 110px;
}

#contact_rapide a:hover, #contact_rapide a:focus {
    color: #cfda3d;
}

#contact_rapide a:focus {
    outline-color: #cfda3d;
}

#contact_rapide dd {
    margin-left: 0;
}

#horaires {
    color: #4f4f4f;
}

/* Retour haut */

a#retour_haut {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 9999;
    padding: 10px 20px;
    outline-style: none;
    color: #fff;
}

#retour_haut > i {
    width: 30px;
    margin-right: 5px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    font-size: 20px;
    line-height: 30px;
    vertical-align: middle;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

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

#slider_accueil {
    position: relative;
    overflow: hidden;
    padding-top: 48.717948717948717948717948717949%; /* 380px * 100 / 780px */
    background-color: #4fc6ee;
}

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

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

#slider_accueil > .visuels {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1000%;
}

#slider_accueil > .visuels > li {
    position: relative;
    height: 100%;
}

/* Slide */

#slider_accueil .slide {
    position: absolute;
    display: table;
    top: 0;
    height: 100%;
    color: #fff;
}

#slider_accueil .slide > div {
    display: table-cell;
    padding: 20px;
    vertical-align: middle;
}

#slider_accueil .slide h2,
#slider_accueil .slide h3,
#slider_accueil .slide h4 {
    margin: 0;
}

#slider_accueil .slide h2,
#slider_accueil .slide h3 {
    color: inherit;
}

#slider_accueil .slide h4 {
    font-weight: 300;
    color: #222;
}

#slider_accueil .slide .btn {
    margin-top: 1em;
    background-color: #222;
}

#slider_accueil .slide .btn:hover,
#slider_accueil .slide .btn:focus {
    background-color: #cfda3d;
}

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

#slider_accueil > .selection_visuel {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
}

#slider_accueil .selection_visuel > li + li {
    margin-left: 15px;
}

#slider_accueil .selection_visuel a {
    width: 15px;
    height: 15px;
    background-color: #fff;
    outline-style: none;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

#slider_accueil .selection_visuel a:hover,
#slider_accueil .selection_visuel a:focus,
#slider_accueil .selection_visuel a.actif {
    background-color: #222;
    background-color: rgba(34, 34, 34, .4);
}

/* ------------------------------- */
/*  =     Réassurances             */
/* ------------------------------- */

#reassurances {
    margin-top: 0;
}

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

#tc_07 {
    overflow: hidden;
}

#tc_07 > h2,
#slider_marques {
    border-top-style: none;
}

#mag_table_home #tc_07 > h2 {
    display: block;
    position: relative;
    margin-bottom: 0;
    padding: 35px;
    font-size: 36px !important;
    line-height: 45px;
    text-align: center;
    letter-spacing: 0.5px;
    color: #222;
}

#slider_marques .prev,
#slider_marques .next {
    top: -115px; /* 45px + 35px * 2 */
    width: 40px;
    height: 40px;
    margin-top: 27.5px; /* (115px - 40px - 10px * 2) / 2 */
    padding: 10px;
}

#mag_table_home #tc_07 > h2:before {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 180px;
    height: 15px;
    margin-left: -90px; /* 180px / 2 */
    background-color: #222;
    content: "";
}

#slider_marques {
    position: relative;
    height: 360px; /* 120px * 3 */
    padding-bottom: 50px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

#slider_marques > .visuels ul {
    line-height: 120px;
}

#slider_marques > .selection_visuel {
    line-height: 50px;
}

#slider_marques a {
    border-bottom-style: none;
    outline-style: none;
}

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

#slider_marques > .visuels {
    position: absolute;
    width: 1000%;
    font-size: 0;
}

#slider_marques > .visuels ul > li {
    padding: 0 40px;
}

#slider_marques > .visuels a:hover,
#slider_marques > .visuels a:focus {
    filter: alpha(opacity=50);
    opacity: .5;
}

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

#slider_marques > .selection_visuel {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding-left: 0;
}

#slider_marques > .selection_visuel > li + li {
    margin-left: 10px;
}

#slider_marques > .selection_visuel a {
    width: 15px;
    height: 15px;
    background-color: #cdcdcd;
    vertical-align: middle;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

#slider_marques > .selection_visuel a:hover,
#slider_marques > .selection_visuel a:focus,
#slider_marques > .selection_visuel a.actif {
    background-color: #4fc6ee;
}

#slider_marques .prev,
#slider_marques .next {
    position: absolute;
    background: url(img/navigation_tastehit.png) no-repeat;
    cursor: pointer;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

#slider_marques .prev {
    left: 0;
    background-position: left;
}

#slider_marques .next {
    right: 0;
    background-position: right;
}

#slider_marques .prev:hover,
#slider_marques .next:hover {
    background-color: #cdcdcd;
}

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

.price, .price_value, .price a, .price .currency, .price .IT, .price .OT, .price .cents {
    font-weight: inherit;
    color: inherit;
}

.pstrike a, .pstrike .currency {
    font-size: 1em;
    color: inherit;
}

.en_stock, .out_stock {
    padding-left: 0;
    background-image: none;
    font-style: inherit;
    color: inherit;
}

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

.sort-by,
#list > h1,
#list > .header,
#pagination,
#page > h1 {
    padding: 20px;
    text-align: center;
}

.sort-by,
#pagination > ul {
    text-transform: uppercase;
    font-weight: 400;
}

.sort-by,
div#pagination a {
    color: #222;
}

/*  = --- Tri -------------------- */

.sort-by {
    border-top-style: none;
}

.sort-by > label {
    margin-top: 0;
    margin-right: .5em;
    cursor: auto;
}

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

/* Image de référence                */ #home .list_content > .a-view,        #list .list_content > .a-view        {display: block; } /* [block        / none] */
/* Libellé principal                 */ #home .list_content > .primary,       #list .list_content > .primary       {display: block; } /* [block        / none] */
/* Libellé secondaire                */ #home .list_content > .secondary,     #list .list_content > .secondary     {display: block; } /* [block        / none] */
/* Code interne                      */ #home .list_content > .pdtcode,       #list .list_content > .pdtcode       {display: none;  } /* [block        / none] */
/* Marque                            */ #home .list_content > .pdtbrand,      #list .list_content > .pdtbrand      {display: none;  } /* [block        / none] */
/* Tarif                             */ #home .list_content > .price_pos,     #list .list_content > .price_pos     {display: block; } /* [block        / none] */
/*  |_ Prix indicatif                */ #home .list_content .priceindicative, #list .list_content .priceindicative {display: none;  } /* [block        / none] */
/*  |_ Promotion                     */ #home .list_content .pstrike,         #list .list_content .pstrike         {display: inline;} /* [inline       / none] */
/*  |_ Prix à la quantité            */ #home .list_content .pweight,
                                        #list .list_content .pweight,         #list .list_content .pweight_pos     {display: none;  } /* [inline       / none] */
/*  |_ Tarif de base                 */ #home .list_content .price,           #list .list_content .price           {display: inline;} /* [inline       / none] */
/*  |_ Type de taxes                 */ #home .list_content .OT,              #list .list_content .IT,
                                        #home .list_content .OT,              #list .list_content .IT              {display: none;  } /* [inline       / none] */
/* Logos de mise en avant            */ #home .list_content .logo_container,  #list .list_content .logo_container  {display: none;  } /* [block        / none] */
/* Stock                             */ #home .list_content .stock_pos,       #list .list_content .stock_pos       {display: none;  } /* [block        / none] */
/*  |_ Mention "en stock"            */ #home .list_content .en_stock,        #list .list_content .en_stock        {display: none;  } /* [block        / none] */
/*  |_ Quantité                      */ #home .list_content .quantity_stock,  #list .list_content .quantity_stock  {display: none;  } /* [block        / none] */
/*  |_ Mention "en rupture de stock" */ #home .list_content .out_stock,       #list .list_content .out_stock       {display: none;  } /* [inline-block / none] */
/* Bouton d'achat                    */ #home .list_content .btn_buy,         #list .list_content .btn_buy         {display: block; } /* [block        / none] */
/* Bouton de détail                  */ #home .list_content .btn_detail,      #list .list_content .btn_detail      {display: block; } /* [block        / none] */
/* Résumé                            */ #home .list_content .content,         #list .list_content .content         {display: none;  } /* [block        / none] */

/*#home .list_content > .price_pos,
#list .list_content > .price_pos {
    padding-right: 65px;
}*/

#home .list_content .btn_buy, #home .list_content .btn_detail,
#list .list_content .btn_buy, #list .list_content .btn_detail {
    width: 65px;
    height: 65px;
}

#home .list_content, #home .list_content a,
#list .list_content, #list .list_content a {
    color: #222;
}

#home .list_content a,
#list .list_content 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 {
    color: #4fc6ee !important;
}

#home .list_content a:focus,
#list .list_content a:focus {
    outline-color: #4fc6ee;
}

#home .list_content,
#list .list_content,
#list .uneven, #list .pair {
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}

#home .list_content,
#list .uneven, #list .pair {
    width: 100%;
}

#home .list_content,
#list .list_content {
    position: relative;
    margin: 0;
    padding-bottom: 15px;
    background-color: transparent;
    border-top-style: none;
}

#home .list_content:hover,
#list .list_content:hover {
    z-index: 1;
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .25);
    box-shadow: 0 0 15px rgba(0, 0, 0, .25);
}

#home .list_content > .a-view,
#list .list_content > .a-view {
    width: auto;
    height: 250px;
    margin: 0;
    border-style: none;
}

#home .list_content .view,
#list .list_content .view {
    max-width: 100%;
    max-height: 100%;
}

#home .list_content > .primary, #home .list_content > .secondary,
#list .list_content > .primary, #list .list_content > .secondary {
    height: 2em; /* 1em * 2 */
    overflow: hidden;
    margin: 0 20px;
    line-height: 1;
    word-break: break-word;
}

#home .list_content > .primary,
#list .list_content > .primary {
    margin-top: 30px;
    margin-bottom: .75em; /* 15px / 20px */
    font-size: 1.25em; /* 20px / 16px */
    font-weight: 900;
}

#home .list_content > .primary > a,
#list .list_content > .primary > a {
    font-size: 1em;
}

#home .list_content > .secondary,
#list .list_content > .secondary {
    margin-bottom: 1.5625em; /* 25px / 16px */
    text-transform: uppercase;
}

#home .list_content > .secondary > a,
#list .list_content > .secondary > a {
    color: #999;
}

#home .list_content > .price_pos,
#list .list_content > .price_pos {
    margin: 0;
}

#home .list_content .pstrike,
#list .list_content .pstrike {
    font-size: .875em; /* 14px / 16px */
}

#home .list_content .price,
#list .list_content .price {
    font-size: 1.75em; /* 28px / 16px */
    font-weight: 700;
}

#home .list_content .price > a,
#list .list_content .price > a {
    color: #4fc6ee;
}

#home .list_content .price > a:hover, #home .list_content .price > a:focus,
#list .list_content .price > a:hover, #list .list_content .price > a:focus {
    color: #cfda3d !important;
}

#home .list_content .price > a:focus,
#list .list_content .price > a:focus {
    outline-color: #cfda3d;
}

#home .list_content > .list_bottom, #home .list_content .list_btn,
#list .list_content > .list_bottom, #list .list_content .list_btn {
    margin: 0;
}

#home .list_content .logo_container,
#list .list_content .logo_container {
    position: absolute;
    top: 0;
    left: 0;
}

#home .list_content .logo,
#list .list_content .logo {
    vertical-align: top;
}

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

#home .list_content .btn_buy, #home .list_content .btn_detail,
#list .list_content .btn_buy, #list .list_content .btn_detail {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0;
    background-image: url(img/list_btn.png);
    background-repeat: no-repeat;
    text-indent: -20000em;
}

#home .list_content .btn_buy,
#list .list_content .btn_buy {
    z-index: 1;
    background-position: left;
}

#home .list_content .btn_detail,
#list .list_content .btn_detail {
    background-position: right;
}

/* Liste */

#list > h1 {
    margin-bottom: 0;
    border-bottom-style: none;
}

#list > .header {
    border-top-style: none;
}

#list > .header > .view {
    max-width: 100%;
    max-height: 60px;
    margin-bottom: 40px;
}

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

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

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

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

#list .list_content .list_btn {
    font-size: 0;
}

#pagination {
    border-top-style: none;
}

#pagination > ul {
    margin: 0;
    padding-left: 0;
    color: #4fc6ee;
}

#pagination li {
    display: inline-block;
    margin: 0 5px 10px;
    padding: 0;
    line-height: 0;
    vertical-align: top;
}

#pagination .number, #pagination a {
    line-height: 2.5; /* 40px / 16px */
}

#pagination .number {
    width: 2.5em;
}

div#pagination a {
    display: block;
    border-bottom-style: none;
    outline-style: none;
    text-decoration: none;
}

#pagination a:hover, #pagination a:focus {
    background-color: #4fc6ee;
    color: #fff;
}

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

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

/* Libellé principal                             */ #product > h1              {display: block;       } /* [block        / none] */
/* Libellé secondaire                            */ #product > .pd00           {display: block;       } /* [block        / none] */
/* Libellé court                                 */ #product > .pdtlibshortdiv {display: none;        } /* [block        / none] */
/* Code interne                                  */ #product > .pdtcode        {display: block;       } /* [block        / none] */
/* Marque                                        */ #product > .pdtbrand       {display: none;        } /* [block        / none] */
/* EAN                                           */ #product > .pdtean         {display: none;        } /* [block        / none] */
/* MPN/ISBN                                      */ #product > .pdtmpn         {display: none;        } /* [block        / none] */
/* Image                                         */ #image                     {display: block;       } /* [block        / none] */
/*  |_ Zoom automatique                          */ #zoom                      {display: none;        } /* [block        / none] */
/*  |_ Zoom                                      */ #pd_zoom                   {display: block;       } /* [block        / none] */
/*  |_ Vues supplémentaires                      */ #image > .pd07             {display: block;       } /* [block        / none] */
/*  |_ Mention "photos non contractuelles"       */ #image > .comment          {display: none;        } /* [block        / none] */
/* Options                                       */ #option_contener           {display: none;        } /* [block        / none] */
/* Caractéristiques                              */ #feature                   {display: block;       } /* [block        / none] */
/*  |_ Personnalisation                          */ #feature > .pd01           {display: none;        } /* [block        / none] */
/*  |_ Logos de mise en avant                    */ #feature > .logo_container {display: block;       } /* [block        / none] */
/*  |_ Tarif                                     */ #feature > .price_pos      {display: inline-block;} /* [inline-block / none] */
/*      |_ Prix indicatif                        */ #feature .price_ref        {display: block;       } /* [block        / none] */
/*      |_ Promotion                             */ #feature .pstrike          {display: block;       } /* [block        / none] */
/*      |_ Prix à la quantité                    */ #feature .pweight          {display: none;        } /* [block        / none] */
/*      |_ Tarif de base H.T.                    */ #feature .price_HT         {display: none;        } /* [block        / none] */
/*      |_ Tarif de base T.T.C.                  */ #feature .price_TTC        {display: block;       } /* [block        / none] */
/*      |_ Mentions "H.T."                       */ #feature .OT               {display: none;        } /* [inline       / none] */
/*      |_ Mentions "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] */
/*      |_ Quantité                              */ #feature .quantity_stock   {display: block;       } /* [block        / none] */
/*      |_ Mention "en rupture de stock"         */ #feature .out_stock        {display: block;       } /* [block        / none] */
/*  |_ Boutons                                   */ #feature > .btn_pos        {display: block;       } /* [block        / none] */
/*      |_ Boutons de la quantité                */ #feature .block_quantity   {display: block;       } /* [block        / none] */
/*      |_ Bouton d'achat                        */ #feature .btn_buy          {display: inline-block;} /* [inline-block / none] */
/*  |_ Demande de réassort                       */ #feature > .reappro        {display: block;       } /* [block        / none] */
/*  |_ Mention "recommander le produit à un ami" */ #feature > .pd06           {display: none;        } /* [block        / none] */
/* Partage réseaux sociaux                       */ #feature > .social         {display: none;        } /* [block        / none] */
/* Résumé                                        */ #detail                    {display: none;        } /* [block        / none] */
/* Onglets                                       */ #briefcase_product         {display: block;       } /* [block        / none] */
/* Formulaire                                    */ #pdt_form                  {display: none;        } /* [block        / none] */

#product {
    margin-top: 20px;
}

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

#product > h1,
#product > .pd00,
#product > .pdtcode,
#product > .pdtbrand,
#feature,
#feature > .stock_pos,
#feature .out_stock,
#feature > .pd05,
#briefcase_product .tab,
#briefcase_product .tab-active,
#contener_content > div[class] {
    padding: 20px;
}

#contener_content .tab,
#contener_content .tab-active {
    margin: -20px 0 20px -20px;
}

#product > h1,
#product > .pd00 {
    margin: 0;
}

#product > h1,
#product > .pdtcode {
    padding-bottom: 0;
}

#product > .pd00,
#product > .pdtbrand {
    padding-top: 0;
}

#product > .pd00 {
    border-style: none none solid;
}

#product > .pdtcode,
#product > .pdtbrand {
    text-transform: uppercase;
}

#product > .btn_pos {
    display: none;
}

/*  = --- Libellé secondaire ----- */

#product > .pd00 {
    color: inherit;
}

/*  = --- Code interne ----------- */

#product > .pdtcode:before {
    content: "CNK : ";
}

#product .pdtcode_txt {
    display: none;
}

/*  = --- Image ------------------ */

#image.view {
    float: none;
    margin-right: 0;
    text-align: center;
}

#pd_zoom > a,
#image .pic_another_pic {
    width: 93px;
    height: 93px;
}

/* Zoom */

#pd_zoom {
    display: none !important;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-top: 0;
}

#pd_zoom > a {
    display: block;
    background: #e8ebec url(img/loupe.png) no-repeat center;
    border-bottom-style: none;
    outline-style: none;
}

#pd_zoom > a:hover, #pd_zoom > a:focus {
    background-color: #4fc6ee;
}

#pd_zoom span {
    display: none;
}

#image > .popup_zoom {
    position: fixed !important;
    top: 5%;
    bottom: 5%;
    left: 50%;
    z-index: 9999;
    width: 960px;
    max-height: 960px;
    margin-left: -480px; /* 960px / 2 */
    text-align: center;
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .25);
    box-shadow: 0 0 15px rgba(0, 0, 0, .25);
}

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

#image_zoom {
    height: 100%;
}

#image_zoom > img {
    max-width: 100%;
    max-height: 100%;
}

#image .btn_zoom {
    left: auto;
    height: auto;
}

/* Vues supplémentaires */

#image > .pd07 {
    width: auto;
    font-size: 0;
}

#image > .pd07 > a {
    display: inline-block;
}

#product > #image > .pd07 > a + a {
    border-left-style: none;
}

#image .pic_another_pic {
    padding: 0;
}

#image > .zvc {
    right: 0;
}

/*  = --- Caractéristiques ------- */

#feature {
    float: none;
    width: auto;
    text-align: center;
}

#feature p {
    float: none;
}

/* Logos de mise en avant */

/*#feature > .logo_container {
    margin-bottom: 10px;
}*/

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

/* Tarif */

#feature > .price_pos {
    float: none;
    margin: 15px 0 10px;
}

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

#feature .price_ref,
#feature .pstrike,
#feature .price_TTC {
    margin-bottom: 0;
}

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

#feature .price_ref > .label {
    float: none;
    padding: 0;
    font-size: inherit;
    text-transform: none;
}

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

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

#feature .pstrike {
    font-size: 1.125em; /* 18px / 16px */
    font-weight: 700;
    color: inherit;
}

#feature .price_TTC {
    font-size: 3em; /* 48px / 16px */
    line-height: 1;
    font-weight: 900;
    color: #4fc6ee;
}

#feature .price_TTC > .IT {
    font-size: .5em; /* 24px / 48px */
    font-weight: 400;
}

#texte_tarif {
    margin-top: 0;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .125em;
    color: #cfda3d;
}

/* Barème dégressif */

#rate {
    margin: 0 auto 10px;
    padding-top: 0;
}

/* Stock */

#feature > .stock_pos {
    float: none;
    margin-bottom: 10px;
}

#feature .en_stock,
#feature .out_stock,
#feature .quantity_stock {
    margin-bottom: 0;
}

#feature .en_stock:after,
#feature .out_stock:after {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: .5em;
    content: "";
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

#feature .en_stock:after {
    background-color: #cfda3d;
}

#feature .out_stock:after {
    background-color: #bf0000;
}

/* Boutons */

#texte_details {
    font-weight: 400;
    text-transform: none;
    color: #4fc6ee;
}

#feature > .btn_pos {
    margin-top: 20px;
    text-align: inherit;
}

#feature .block_quantity {
    margin-bottom: 10px;
}

#quantity {
    display: block;
    font-size: 1.5em; /* 24px / 16px */
}

#feature .btn_quantity,
#feature .bnt_quantity {
    width: 3.75em; /* 60px / 16px */
    height: 3.75em;
    padding: 0;
    line-height: 3.75;
}

#feature .btn_quantity {
    background-color: #e8ebec;
    color: inherit !important;
}

#feature .btn_quantity:hover,
#feature .btn_quantity:focus {
    background-color: #222;
    color: #fff !important;
}

#feature .bnt_quantity {
    text-align: center;
}

#btn_basket_buy,
#btn_send_form {
    height: 3.125em; /* 75px / 24px */
    padding-right: 100px; /* 25px + 50px + 25px */
    background-image: url(img/btn_basket_buy.png);
    background-repeat: no-repeat;
    background-position: right 25px center;
    font-size: 1.5em; /* 24px / 16px */
    line-height: 3.125;
    font-weight: 300;
}

/* Demande de réassort */

#feature > .reappro {
    text-align: center;
}

#feature > .reappro > a {
    display: inline-block;
    max-width: 100%;
}

/* Liste associée */

#feature > .pd05 {
    margin-top: 0;
}

#product #feature > .pd05 > span {
    display: inline;
    text-transform: uppercase;
}

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

#briefcase_product,
#contener_tab,
#contener_content {
    float: none;
}

#briefcase_product .tab,
#briefcase_product .tab-active {
    position: relative;
    top: auto;
    width: 100%;
    margin-right: 0;
    text-transform: uppercase;
    text-align: center;
    color: #222;
    -moz-transition: color .5s;
    -o-transition: color .5s;
    -webkit-transition: color .5s;
    transition: color .5s;
}

#briefcase_product .tab:before,
#briefcase_product .tab-active:before {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100px;
    height: 8px;
    margin-left: -50px; /* 100px / 2 */
    background-color: #e8ebec;
    content: "";
    -moz-transition: background-color .5s;
    -o-transition: background-color .5s;
    -webkit-transition: background-color .5s;
    transition: background-color .5s;
}

#briefcase_product .tab:hover,
#briefcase_product .tab-active {
    color: #4fc6ee;
}

#briefcase_product .tab-active:before {
    background-color: #4fc6ee;
}

#contener_tab {
    display: none;
    overflow: hidden;
    background-color: #cdcdcd;
}

#briefcase_product > #contener_tab > div,
#briefcase_product > #contener_content {
    border-style: solid none none;
}

#contener_content {
    margin-bottom: 0;
    font-size: 1.125em; /* 18px / 16px */
}

#contener_content > .content {
    display: block;
}

#contener_content .tab,
#contener_content .tab-active {
    border-style: solid none;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

#contener_content > div:first-child > div {
    border-top-style: none;
}

#avis_contener {
    font-size: .777777777777778em; /* 14px / 18px */
}

#avis_contener, #avis_contener p {
    line-height: 1;
}

#nb_avis {
    height: auto;
}

#nb_avis > span:first-child {
    margin-left: 1em;
}

#rate_average {
    vertical-align: baseline;
}

#msg_contener .date_review {
    height: auto;
    font-size: 1em;
}

#msg_contener p[class^="star_"] {
    padding-top: 0;
}

#msg_contener .msg_client > p {
    width: auto;
}



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

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

.pop_up .sf_pop {
    top: 0;
    width: auto;
    max-width: 470px;
    font-size: inherit;
    color: inherit;
}

.pop_up .top {
    position: relative;
    padding: 0;
    border-bottom-style: none;
    background-color: #e8ebec;
}

.pop_up .top > span {
    visibility: hidden;
    margin-left: 0;
    line-height: 4; /* 60px / 15px */
    font-weight: 700;
    color: #222;
}

.pop_up .top > .btn_short {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    margin: 0;
    background-color: transparent;
    font-size: 1.5em; /* 24px / 16px */
    line-height: 1;
    color: #222 !important;
}

.pop_up .contener, .pop_up .bottom {
    float: none;
    width: auto;
    padding: 20px 40px;
    background-color: #fff;
    border-style: none;
}

.pop_up .contener {
    padding-bottom: 0;
}

.pop_up .bottom {
    padding-top: 0;
}

.pop_up table {
    width: 100%;
    margin-bottom: 0;
    border-style: none;
    text-align: inherit;
}

.pop_up td {
    width: auto !important;
    text-align: inherit !important;
    vertical-align: middle;
}

.pop_up .btn {
    width: 100%;
    margin: 5px auto;
}

/*  = --- Réapprovisionnement ---- */

#popupAlertReapro .blackLink {
    padding-right: 0;
    padding-left: 0;
}

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

#LinkSend, #Annuler {
    display: block;
}

#Annuler {
    font-size: 1em;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

/* ------------------------------- */
/*  =     Mon compte               */
/* ------------------------------- */

#account a {
    text-decoration: none !important;
    cursor: pointer;
}

/*#formulaire:not([action*="home.php"]),
#validation {
    margin-top: 20px;
}*/

#formulaire p,
#validation p,
#popup0 p {
    margin-bottom: initial;
}

#formulaire p > span:first-child,
#validation p > span:first-child {
    display: block;
    text-transform: uppercase;
}

#formulaire fieldset,
#validation fieldset {
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
}

#formulaire legend,
#validation legend {
    padding: 0;
}

#formulaire > fieldset, #formulaire > fieldset > legend,
#validation fieldset, #validation fieldset > legend {
    padding: 20px;
}

#formulaire > fieldset > legend,
#validation fieldset > legend {
    width: 100%;
    margin-left: -21px; /* 20px + 1px */
    background-color: #e8ebec;
    color: #222;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

#formulaire > fieldset + fieldset,
#validation fieldset + fieldset,
fieldset#canvas_validation_legal,
#vad_311517 {
    margin-top: 20px;
}

#canvas_other_account > legend,
#canvas_expressform > legend,
#canvas_invoice_account > legend,
#canvas_delivery_account > legend {
    font-weight: inherit;
    text-transform: uppercase;
    color: #4fc6ee;
}

#canvas_old_account_cont > p,
#canvas_login_account > p,
#canvas_invoice_account > p,
#canvas_delivery_account > p {
    min-width: 0;
}

#formulaire #canvas_invoice_account,
#formulaire #canvas_delivery_account {
    float: none;
    width: auto;
    margin-left: 0;
}

.star,
.star_display,
.form_error + .err_comment:before,
.error {
    color: #4fc6ee;
}

.label {
    float: none;
    width: 100%;
    padding: 0;
    text-transform: uppercase;
    text-align: left;
}

.star, .star_display {
    font-size: 1.125em; /* 18px / 16px */
    font-weight: bold;
}

.formw {
    display: block;
}

.ibox,
.ibox_short,
.ibox_midle,
.ibox_long,
.ibox_vlong,
#ctx_cli_mail {
    width: 100%;
}

.checkform {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 15px;
    height: 15px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.form_empty > .checkform {background: #e8ebec;}
.form_error > .checkform {background: #bf0000;}
.form_ok    > .checkform {background: #cfda3d;}

#canvas_old_account_cont .checkform {
    display: none;
}

.err_comment, .input_comment {
    font-size: .875em; /* 14px / 16px */
    font-style: italic;
}

.err_comment {
    font-weight: bold;
    color: inherit;
}

#canvas_old_account_cont > .btn_pos:after {
    display: block;
    margin-top: .5em;
    font-weight: 400;
    text-transform: uppercase;
    color: #222;
    content: "Ou";
}

#txt_account_or {
    margin: 20px auto;
}

#account li:before {
    display: none;
}

#account .btn_pos {
    text-align: inherit;
}

#work_order #canvas_other_account {
    float: left;
    width: 90%;
    margin-top: 0;
}

#canvas_other_account > legend {
    display: none;
}

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

#canvas_other_account .logo_facebookconnect {
    padding: 0;
}

#canvas_other_account .logo_facebookconnect > a {
    display: inline-block;
    position: relative;
    min-height: 3.125em; /* 50px / 16px */
    overflow: hidden;
    padding: 10px 25px 10px 50px;
    background-color: #3b5998;
    border-bottom-style: none;
    outline-style: none;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    -moz-transition: background-color .5s;
    -ms-transition: background-color .5s;
    -o-transition: background-color .5s;
    -webkit-transition: background-color .5s;
    transition: background-color .5s;
}

#canvas_other_account .logo_facebookconnect > a:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 50px;
    margin-top: -20px; /* 40px / 2 */
    font-family: fontawesome;
    font-size: 40px;
    line-height: 1;
    content: "\f09a";
}

#canvas_other_account .logo_facebookconnect > a:hover,
#canvas_other_account .logo_facebookconnect > a:focus {
    background-color: #cfda3d;
    text-decoration: none;
}

#canvas_new_account .form_empty,
#canvas_new_account .form_error,
#canvas_new_account .form_ok {
    position: relative;
}

#fd_pass2 {
    display: none;
}

#fd_pass1.form_ok ~ #fd_pass2 {
    display: block;
}

#formulaire > #canvas_newsletters_accaccount > .z216 {
    width: auto;
}

#account > #formulaire > .btn_pos {
    margin-top: 2em;
    text-align: center;
}

#account > .o201 {
    display: none;
}

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

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

/*  = --- Standard --------------- */

#basket h1 {
    margin-bottom: 0;
    padding: 20px;
}

#basket_tab td, #account_tab td {
    display: table-cell !important; /* NOTE : Pour inhiber l'affichage de KNACSS. */
    min-width: 0;
}

#basket_tab .header > td,
#basket_tab .footer > td,
#account_tab .header > td {
    font-weight: inherit;
}

#basket_tab .col1, #account_tab .col1 {
    width: auto;
}

#basket_tab .header > .col1, #account_tab .header > .col1 {
    text-align: center;
}

#basket_tab td {
    height: 2.5em; /* 40px / 16px */
    padding: 0.3em 0.8em; /* NOTE : Valeurs de KNACSS. */
    vertical-align: middle;
}

#basket_tab b {
    font-weight: inherit;
}

#basket_tab .header,
#bsk_totalitems,
#bks_totalpay {
    background-color: #e8ebec;
    color: #222;
}

#basket_tab .pair .price,
#basket_tab .uneven .price,
#totalitems,
#totalpay {
    font-weight: 700;
}

#basket_tab .pair, #basket_tab .uneven {
    background-color: #fff;
}

#basket_tab .pic_another_pic {
    width: 100%;
    max-width: 125px;
}

#basket_tab .primary {
    font-size: 1.125em; /* 18px / 16px */
    color: inherit;
}

#basket_tab .price {
    font-size: 1.25em; /* 20px / 16px */
}

#basket_tab .price > .price {
    font-size: 1em;
}

#basket_tab .pair input[type="text"],
#basket_tab .uneven input[type="text"] {
    padding: 0;
    text-align: center;
}

#basket_tab .btn_short {
    width: 30px;
    height: 30px;
    padding: 0;
    outline: 1px dotted transparent;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}

#basket_tab .btn_short:hover,
#basket_tab .btn_short:focus {
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
}

#basket_tab .btn_short:focus {
    outline-color: #b2b2b2;
}

#totalitems, #totalpay {
    color: #00aee2;
}

.btn_long.btn_bk_006 {
    width: auto;
}

/* Vide */

#basket_empty > .btn_pos {
    display: none;
}

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

#popup_div_bkjs .primary,
#popup_div_bkjs .secondary,
#popup_div_bkjs .price {
    padding: 0;
}

#popup_div_bkjs .primary, #popup_div_bkjs .primary > a {
    font-size: 1em;
}

#popup_div_bkjs .contener > p:first-child {
    font-size: 1.125em; /* 18px / 16px */
    font-weight: 400;
    text-transform: uppercase;
    color: #222;
}

#popupbkjs_stockinsufficient {
    color: #bf0000;
}

#content_popup_div_bkjs:after { /* NOTE : Clearfix. */
    display: table;
    clear: both;
    border-collapse: collapse;
    content: "";
}

#content_popup_div_bkjs > .col1,
#content_popup_div_bkjs > .col2,
#content_popup_div_bkjs > .col3 {
    padding: 0;
}

#content_popup_div_bkjs > .col1 {
    float: none;
    width: auto;
}

#content_popup_div_bkjs > .col1 > a {
    display: inline-block;
    border-bottom-style: none;
}

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

#content_popup_div_bkjs .primary {
    font-size: 1.25em; /* 20px / 16px */
    font-weight: 900;
    color: #222;
}

#content_popup_div_bkjs .secondary {
    display: none;
}

#content_popup_div_bkjs > .col3 {
    font-size: 1.75em; /* 28px / 16px */
    font-weight: 400;
    color: #4fc6ee;
}

#content_popup_div_bkjs .IT {
    display: none;
}

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

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

#content_popup_bsk_onglet > .content_popup_bsk_onglet {
    overflow: hidden;
}

#content_popup_bsk_onglet .list_content {
    width: 33.333333333333333333333333333333%;
    border-top-style: none;
    text-align: center;
}

#content_popup_bsk_onglet .a-view {
    display: inline-block;
    margin-bottom: 10px;
    border-bottom-style: none;
}

#content_popup_bsk_onglet img.view {
    float: none;
    width: auto;
    margin-bottom: 0;
}

#content_popup_bsk_onglet .primary {
    text-align: inherit;
}

#content_popup_bsk_onglet .primary > a {
    display: inline;
}

#content_popup_bsk_onglet .secondary {
    display: none;
}

#content_popup_bsk_onglet .price_pos,
#content_popup_bsk_onglet .price {
    float: none;
}

#popup_div_bkjs .bottom {
    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;
}

#popup_div_bkjs .btn_1 {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}

/* ------------------------------- */
/*  =     Achat                    */
/* ------------------------------- */

#order_step {
    margin: 40px 0;
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent;
}

#order_step > ul {
    counter-reset: numerotation;
}

#order_step li {
    width: 100%;
    margin: 0;
    font-size: 1.25em; /* 20px / 16px */
    color: #999;
}

#order_step li:before {
    margin-right: .25em; /* 5px / 20px */
    content: counter(numerotation);
    counter-increment: numerotation;
}

#order_step li:nth-child(6):after {
    content: "";
}

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

#order_step .made {
    text-decoration: none;
}

#delivery .contener_dearea_ > p:nth-child(1),
#delivery .contener_dearea_ > p:nth-child(2),
#delivery .contener_dearea_ > p:nth-child(3),
#contener_dearea_mag_0 > .contener_dearea_ + .contener_dearea_ > p:nth-child(4) {
    display: none;
}

#contener_dearea_mag_2,
#contener_dearea_mag_0 {
    margin-bottom: 50px;
}

#delivery .o403 > span {
    color: #4fc6ee;
}

#delivery .canvas_delivery fieldset {
    padding: 15px;
}

#delivery .canvas_delivery fieldset + fieldset {
    margin-top: 15px;
}

.canvas_vad_in a, .canvas_vad a {
    border-bottom-style: none;
}

.canvas-map > iframe {
    height: 100% !important;
}

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

#cookie-law-info-bar {
    z-index: 9999;
    padding: 15px;
}

/* ------------------------------- */
/*  =     Extras                   */
/* ------------------------------- */

.extra {
    padding: 25px;
    background-color: #00aee2;
    color: #fff;
}

.extra h1, .extra .h1-like,
.extra h2, .extra .h2-like,
.extra h3, .extra .h3-like,
.extra a {
    color: inherit;
}

.extra a {
    border-bottom-color: #fff;
}

.extra a:hover,
.extra a:focus {
    border-bottom-color: #222;
    color: #222;
}

.extra a:focus {
    outline-color: #222;
}

#extra_aide h2, #extra_aide .h2-like,
#extra_parrainage h2, #extra_parrainage .h2-like {
    text-transform: none;
}

/*  = --- Extra commandes -------- */

#extra_commandes {
    position: absolute;
    top: 0;
    right: 10px;
    margin-top: 0;
    padding-left: 0;
    font-size: .875em; /* 14px / 16px */
    font-weight: 400;
}

#extra_commandes > li {
    position: relative;
    vertical-align: middle;
}

#extra_commandes > li:first-child {
    display: none;
}

#extra_commandes > li > a {
    display: block;
}

#extra_commandes > li:nth-child(3) > a {
    background-position: center -80px;
}

#extra_commandes ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 1000;
    width: 230px;
    margin-left: -115px; /* 230px / 2 */
    padding-left: 0;
    background-color: #cfda3d;
}

#extra_commandes ul:before {
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-bottom-color: #cfda3d;
    content: "";
}

#extra_commandes > li:hover > ul,
#extra_commandes > li > a:focus + ul {
    display: block;
}

#extra_commandes ul > li + li {
    border-top: 1px solid #fff;
    border-top-color: rgba(255, 255, 255, .5);
}

#extra_commandes ul a {
    padding: 15px;
    color: #fff;
}

#extra_commandes ul a:hover,
#extra_commandes ul a:focus {
    background-color: #4fc6ee;
}

/*  = --- Extra call to action --- */

#extra_call_to_action {
    margin-top: 10px;
}

/*  = --- Extra réassurances ----- */

#product > #extra_reassurances {
    display: none;
    margin-top: 0;
}

#product > #extra_reassurances > li:last-child > .h2-like {
    margin-top: 25px;
    color: inherit;
}

#account #extra_reassurances p {
    clear: none;
}

/* Extra livraison */

#extra_livraison {
    visibility: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}

#product > #extra_reassurances > li:last-child:hover > #extra_livraison {
    visibility: visible;
    filter: alpha(opacity=100);
    opacity: 1;
}

#extra_livraison h2 {
    padding: 0;
    font-size: 1.5625em !important; /* 25px / 16px */
    color: inherit;
}

#extra_livraison h4 {
    margin-bottom: 0;
}

#extra_livraison ul {
    padding-left: 0;
}

#extra_livraison img {
    margin-right: .5em;
}

/*  = --- Extra avis ------------- */

#extra_avis {
    margin-bottom: 15px;
}

#extra_avis .rate_average_stars_bkg,
#extra_avis .ratestar_average {
    display: inline-block;
    background-image: url(img/extra_avis.png);
}

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

#extra_avis > a {
    margin-left: 1em;
}

/*  = --- Extra aide ------------- */

#extra_aide {
    background-color: #4fc6ee;
}

#extra_aide:before {
    background-position: center -80px;
}

/*  = --- Extra compte ----------- */

#extra_compte {
    display: none;
}

#extra_compte > * {
    margin-bottom: 20px;
}

/*  = --- Extra parrainage ------- */

#extra_parrainage:before {
    background-position: center -240px;
}

#extra_parrainage > h2 {
    margin-bottom: 0;
}

#extra_parrainage > h2 + p {
    margin-top: 0;
}

#extra_parrainage .btn {
    background-color: #cdcdcd;
    text-transform: none;
    color: #222 !important;
}

#extra_parrainage .btn:hover,
#extra_parrainage .btn:focus {
    background-color: #e8ebec;
}

/*  = --- Extra panier vide ------ */

#extra_panier_vide {
    position: relative;
    margin-bottom: 100px;
    padding: 50px;
    background-color: #e8ebec;
    border-top-style: none;
    font-size: .875em; /* 14px / 16px */
    text-transform: uppercase;
    color: #222;
}

#extra_panier_vide:before {
    position: absolute;
    top: 100%;
    margin-left: -25px;
    border-width: 20px 25px;
    border-style: solid;
    border-color: #e8ebec transparent transparent;
    content: "";
}

#extra_panier_vide > .btn {
    position: absolute;
    top: 100%;
    margin-top: 30px;
    left: 0;
    border-bottom-style: solid !important;
}

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

/*  = --- 421px ------------------ */

@media (min-width: 421px) {
    a.gestion_menu > span {
        display: inline;
    }
}

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

@media (max-width: 480px) {
    
}

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

@media (min-width: 481px) {    
    #ff_center:after {
        clear: both;
        display: table;
        border-collapse: collapse;
        content: "";
    }
    
    #ff_center > .ff_crit_bloc {
        float: left;
        width: 50%;
        border-bottom-style: none;
    }
    
    #search .ibox {
        height: 3.846153846153846em; /* 50px / 13px */
        font-size: .8125em; /* 13px / 16px */
        line-height: 3.846153846153846;
    }
    
    .argument {
        height: 230px;
    }
    
    #logistique ul {
        text-align: left;
    }
    
    #logistique ul + ul {
        margin-top: 0;
        text-align: right;
    }
    
    #slider_marques {
        height: 240px; /* 120px * 2 */
    }
    
    #list #text li {
        display: inline;
    }
    
    #list #text li + li:before {
        margin: 0 1em;
        content: "|";
    }
    
    #feature > .stock_pos {
        overflow: hidden;
    }
    
    #feature .en_stock {
        float: left;
    }
    
    #feature .quantity_stock {
        float: right;
        clear: none;
    }
    
    #quantity {
        display: inline;
        margin-right: .5em;
        vertical-align: middle;
    }
}

/*  = --- 520px ------------------ */

@media (min-width: 520px) {
    #home .list_content,
    #list .uneven, #list .pair {
        float: left;
        width: 50%;
    }
}

/*  = --- 601px ------------------ */

@media (min-width: 601px) {
    a.gestion_menu > span {
        font-size: 1.5em; /* 24px / 16px */
    }
    
    #reassurances {
        font-size: .8em;
    }
    
    #reassurances > li {
        float: left;
        width: 50%;
    }
    
    #reassurances > li:nth-child(odd) {
        clear: left;
    }
    
    #extra_commandes > li:first-child {
        display: inline-block;
    }
}

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

@media (max-width: 768px) {
    #menu_filet img.mlm {
        margin-left: 0;
    }
}

@media (min-width: 769px) {
    #navig {
        position: static;
        background-color: #4fc6ee !important;
        overflow: visible;
    }
    
    #menu {
        position: relative;
    }
    
    #menu:after {
        display: table;
        clear: both;
        border-collapse: collapse;
        content: "";
    }
    
    #menu > li.mns,
    #menu .smenu_column {
        float: left;
    }
    
    #menu > li.mns {
        width: 25%;
    }
    
    #menu a.menu {
        border-right-style: solid;
        font-size: .85714285714285714285714285714286em; /* 12px / 14px */
        text-align: center;
    }
    
    #menu .smenu {
        position: absolute;
        right: 0;
        left: 0;
    }
    
    #menu .smenu_column {
        width: 33.333333333333333333333333333333%;
        padding: 25px 15px;
    }
    
    #menu .smenu_column:nth-child(3n+1) {
        clear: left;
    }
    
    a.gestion_menu {
        display: none;
    }
    
    #ff_center > .ff_crit_bloc {
        width: 25%;
    }
    
    #fidelisation {
        text-align: right;
    }
    
    #newsletter {
        margin-top: 0;
    }
    
    #arguments > ul, #arguments li {
        border-width: 1px;
        border-style: none solid;
        border-color: #fff;
        border-color: rgba(255, 255, 255, .25);
    }
    
    #arguments li {
        border-right-style: none;
    }
    
    #arguments li:first-child {
        border-left-style: none;
    }
    
    #menu_filet > ul > li {
        text-align: left;
    }
    
    #reassurances {
        font-size: 1em;
    }
    
    #retour_haut {
        background-color: #000;
        background-color: rgba(0, 0, 0, .5);
    }
    
    .sort-by {
        text-align: right;
    }
    
    #home .list_content,
    #list .uneven, #list .pair {
        width: 33.333333333333333333333333333333%;
    }
    
    #list {
        position: relative;
    }
    
    #list > h1,
    #list > .header,
    #page > h1 {
        text-align: left;
    }
    
    #list > h1 {
        height: 60px;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }
    
    #list > .header > .view {
        position: absolute;
        top: 0;
        right: 0;
        margin: 20px 20px 0 0;
    }
    
    #product {
        position: relative;
    }
    
    #product > .pdtcode,
    #product > .pdtbrand {
        position: absolute;
        right: 0;
    }
    
    #product > .pdtcode {
        top: 0;
    }
    
    #product > .pdtbrand {
        top: 20px;
        margin-top: 1.5em;
    }
    
    #image.view,
    #feature {
        float: left;
        text-align: left;
    }
    
    #image.view {
        width: 40%;
    }
    
    #feature {
        width: 60%;
    }
    
    #feature .block_quantity {
        text-align: center;
    }
    
    #btn_basket_buy,
    #btn_send_form {
        width: 100%;
    }
    
    #contener_tab {
        display: block;
    }
    
    #briefcase_product > #contener_tab > div {
        width: 50%;
        height: 80px;
        padding-bottom: 0;
    }
    
    #briefcase_product > #contener_tab > div:nth-child(odd) {
        border-right-style: solid;
    }
    
    #contener_content > .content {
        display: none;
    }
    
    #contener_content .tab,
    #contener_content .tab-active {
        display: none;
    }
    
    .pop_up .sf_pop {
        top: 50px;
    }
    
    #account > #formulaire p,
    #canvas_other_account > ul {
        padding: 0 20px;
    }
    
    #account > #formulaire p:not(.btn_pos) {
        clear: none;
        width: 50%;
    }
    
    #account > #formulaire p > span:first-child {
        display: inline;
    }
    
    #account > #formulaire .form_empty,
    #account > #formulaire .form_error,
    #account > #formulaire .form_ok {
        margin: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .checkform {
        right: 0;
    }
    
    #fd_pass1,
    #fd_pass2,
    #fd_3,
    #fd_4,
    #fd_11,
    #fd_14 {
        float: left;
    }
    
    #fd_5, #fd_8, #fd_15 {
        clear: left !important;
    }
    
    p#fd_10,
    #canvas_invoice_account > p:first-of-type,
    p#fd_same_adress,
    p.z216 {
        width: auto !important;
    }
    
    #fd_15 {
        overflow: hidden;
    }
    
    #fd_15 select {
        float: left;
        width: 33.333333333333333333333333333333%;
    }
    
    #extra_avis {
        text-align: right;
    }
}

/*  = --- 961px ------------------ */

@media (max-width: 960px) {
    #menu .smenu {
        visibility: visible !important;
    }
}

@media (min-width: 961px) {    
    #menu > li.mns {
        width: 16.666666666666666666666666666667%;
    }
    
    #menu > li:hover > a {
        background-color: #00aee2;
    }
    
    #menu > li:hover > .smenu {
        height: auto;
        -ms-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -o-transform: scaleY(1);
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
    
    #retour_haut {
        display: none;
    }
}

/*  = --- Large ------------------ */

@media (min-width: 1024px) {
    .bkg_texture, #extra_commandes {
        padding-top: 25px;
    }
    
    #top {
        margin-bottom: 20px;
        padding-top: 40px;
        padding-bottom: 30px;
        text-align: left;
    }
    
    #logo {
        margin-top: 0;
    }
    
    #comand,
    #search,
    #extra_commandes {
        top: 40px;
    }
    
    #comand,
    #extra_commandes {
        margin-top: 7.5px;
    }
    
    #comand .basket {
        text-align: center;
    }
    
    div#nb_article > span,
    div#total_basket > span {
        display: inline;
    }
    
    #nb_article > #charact_basket,
    #total_basket > #chartotal_basket,
    #total_basket > #charit_basket {
        display: none;
    }
    
    #nb_article {
        position: absolute;
        right: 0;
        bottom: 100%;
        left: 0;
    }
    
    #nb_article > #numit_basket {
        display: inline-block;
        position: relative;
        min-width: 2em;
        padding: 5px;
        background-color: #4fc6ee;
        color: #fff !important;
    }
    
    #numit_basket:after {
        position: absolute;
        top: 100%;
        right: 0;
        border: 5px solid #4fc6ee;
        border-bottom-color: transparent;
        border-left-color: transparent;
        content: "";
    }
    
    #total_basket {
        font-size: .85714285714285714285714285714286em; /* 12px / 14px */
    }
    
    #master {
        display: block;
    }
    
    #product {
        min-height: 640px; /* 50px * 2 + 380px + 80px * 2 */
       /* padding-bottom: 690px; 120px + 570px */
    }
    
    #product > h1,
    #product > .pd00 {
        height: 50px;
    }
    
    #feature > .stock_pos,
    #feature .out_stock,
    #feature > .pd05 {
        top: 480px; /* 50px * 2 + 380px */
        height: 80px;
    }
    
    #feature > .stock_pos,
    #feature .out_stock {
        margin-top: 80px;
    }
    
    #briefcase_product > #contener_tab > div {
        height: 120px;
    }
    
    #contener_content {
        /*height: 570px;*/
    }
    
    #product > #extra_reassurances {
        top: 100px; /* 50px * 2 */
        height: 380px;
    }
    
    #work > #account,
    #basket_empty {
        padding-right: 360px; /* 340px + 20px */
    }
    
    #extra_compte,
    #basket_empty > #extra_aide {
        width: 340px;
    }
    
    #menu .smenu_column {
        width: 20%;
    }
    
    #menu .smenu_column:nth-child(3n+1) {
        clear: none;
    }
    
    #menu .smenu_column:nth-child(5n+1) {
        clear: left;
    }
    
    #ff_container {
        margin-top: 60px;
    }
    
    #ff_center {
        /*margin-top: 1.875em; /* 30px / 16px */
        border-right-style: none;
    }
    
    #navigation {
        margin-top: 30px;
        height: 2.5em; /* 30px / 12px */
    }
    
    #ff_container {
        position: absolute;
        width: 300px;
    }
    
    #ff_center > .ff_crit_bloc {
        float: none;
        width: auto;
        border-bottom-style: solid;
    }
    
    #work.list_filter_facet {
        padding-left: 300px;
    }
    
    #search {
        right: auto;
        left: auto;
        margin: 22.5px 0 0 335px;
        padding-left: 30px;
    }
    
    #search > p {
        width: 400px;
    }
    
    #mag_table_home > tbody > tr > td {
        display: table-cell;
    }
    
    #contact_rapide dd:before {
        content: " - ";
    }
    
    #tc_01 {
        width: 60.9375%; /* 780px * 100 / 1280px */
    }
    
    #reassurances {
        margin-left: 10px;
    }
    
    #reassurances > li {
        float: none;
        width: auto;
    }
    
    #slider_marques {
        height: 120px;
    }
    
    #slider_marques > .visuels ul > li {
        width: 16.666666666666666666666666666667% !important;
    }
    
    #home .list_content,
    #work:not(.list_filter_facet) #list .uneven,
    #work:not(.list_filter_facet) #list .pair {
        width: 25%;
    }
    
    #product {
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }
    
    #image.view {
        width: 31.746031746031746031746031746032%; /* 400px * 100 / 1260px */
    }
    
    #product > #image > .pd07 > a:nth-of-type(1) {
        border-left-style: none;
    }
    
    #feature {
        width: 34.920634920634920634920634920635%; /* 440px * 100 / 1260px */
    }
    
    #feature > .stock_pos,
    #feature .out_stock,
    #feature > .pd05,
    #product > #extra_reassurances {
        position: absolute;
        right: 0;
        width: 33.333333333333333333333333333333%; /* 420px * 100 / 1260px */
    }
    
    #feature > .stock_pos,
    #feature .out_stock,
    #feature > .pd05 {
        padding-top: 25px;
    }
    
    #product #feature > .stock_pos,
    #product #feature .out_stock,
    #product #feature > .pd05 {
        border-style: solid none none solid;
    }
    
    #quantity {
        display: block;
    }
    
    #briefcase_product {
       /* position: absolute;*/
        bottom: 0;
    }
    
    #briefcase_product > #contener_tab > div {
        width: 25%;
        padding-top: 40px;
    }
    
    #briefcase_product > #contener_tab > div + div {
        border-left-style: solid;
    }
    
    #briefcase_product > #contener_tab > div:nth-child(odd) {
        border-right-style: none;
    }
    
    #contener_content {
        overflow: hidden;
    }
    
    #contener_content > div[class] {
        height: 100%;
        overflow-y: auto;
    }
    
    #work > #account,
    #basket_empty {
        position: relative;
    }
    
    #basket_tab .pic_another_pic {
        float: left;
        margin-right: 10px;
    }
    
    #basket_tab .col2, #account_tab .col2,
    #basket_tab .col3, #account_tab .col3,
    #basket_tab .col4, #account_tab .col4 {
        width: 15%;
    }
    
    #basket_tab .header > .col1, #account_tab .header > .col1 {
        text-align: left;
    }
    
    #basket h1 {
        height: 70px;
    }
    
    #basket_empty > #extra_aide {
        margin-top: 70px;
    }
    
    #order_step > ul {
        padding-left: 0;
        text-align: center;
    }
    
    #order_step li {
        width: auto;
    }
    
    #order_step li:after {
        margin: 0 .75em; /* 15px / 20px */
        content: ">";
    }
    
    #extra_commandes > li:first-child {
        display: none;
    }
    
    #extra_reassurances {
        font-size: .8em; 
    }
    
    #product > #extra_reassurances {
        display: block;
    }
    
    #product > #extra_reassurances > li:last-child {
        border-right-style: none;
    }
    
    #extra_compte,
    #basket_empty > #extra_aide {
        position: absolute;
        top: 0;
        right: 0;
    }
    
    #extra_compte {
        display: block;
        margin-top: 92px;
    }
    
    #extra_panier_vide,
    #basket_empty > #extra_aide {
        height: 330px;
    }
    
    #basket_empty > #extra_aide {
        overflow-y: auto;
    }
}

/*  = --- 1280px ----------------- */

@media (min-width: 1280px) {
    body {
        overflow-x: hidden;
    }
    
    .bkg_texture {
        overflow-x: visible;
    }
    
    #menu a.menu:before,
    #menu .smenu,
    #extra_call_to_action {
        margin-top: 20px;
    }
    
    #menu a.menu:before {
        margin-left: -20px;
        border-width: 20px;
    }
    
    #menu a.menu:after {
        height: 20px;
    }
    
    #work.work_home {
        padding-top: 20px;
    }
    
    #reassurances {
        margin-left: 20px;
    }
    
    #menu {
        display: table;
    }
    
    #menu > li.mns {
        display: table-cell;
        float: none;
        width: auto;
    }
    
    #menu > .m10 > a {
        white-space: nowrap;
    }
    
    #menu a.menu {
        overflow: hidden;
        border-style: none;
        font-size: 1em;
    }
    
    #menu > li + li > a.menu {
        border-left-style: solid;
    }
    
    #menu a.menu:before,
    #menu a.menu:after {
        position: absolute;
        top: 100%;
        content: "";
    }
    
    #menu a.menu:before {
        left: 50%;
        border-style: none solid solid;
        border-color: #00aee2 transparent;
        filter: alpha(opacity=0);
        opacity: 0;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        -webkit-transition: all .5s;
        transition: all .5s;
    }
    
    #menu a.menu:after {
        right: 0;
        left: 0;
    }
    
    #menu > li:hover > a.menu {
        overflow: visible;
    }
    
    #menu > li:hover > a.menu:before {
        margin-top: 0;
        filter: alpha(opacity=100);
        opacity: 1;
    }
    
    #menu > .m11 > a:before {
        display: none;
    }
    
    #search {
        padding-left: 92.5px; /* (1280px - 335px - 400px - 360px) / 2 */
    }
    
    #work, #work_order {
        padding-bottom: 40px;
    }
    
    #menu_filet {
        padding-left: 100px;
    }
    
    .argument {
        height: 210px;
    }
    
    #slider_accueil {
        padding-top: 380px;
    }
    
    #slider_accueil img {
        height: 100%;
    }
    
    #slider_accueil .slide > div {
        padding-left: 60px;
    }
    
    #image.view {
        padding-bottom: 95px;
    }
    
    #pd_zoom {
        display: block !important;
    }
    
    #image > .pd07 {
        position: absolute;
        bottom: 0;
        left: 95px;
    }
    
    #feature > .price_pos, #texte_details {
        padding-left: 20px;
    }
    
    #feature > .stock_pos,
    #feature .out_stock,
    #feature > .pd05 {
        padding-left: 35px;
    }
    
    #quantity {
        display: inline;
    }
    
    #basket_tab .pair input[type="text"],
    #basket_tab .uneven input[type="text"] {
        width: 50%;
    }
    
    #extra_commandes > li + li {
        margin-right: 10px;
    }
    
    #extra_reassurances {
        font-size: .95em;
    }
    
    #extra_livraison {
        top: auto;
    }
}

/*  = --- 1200px ----------------- */

@media (min-width: 1200px) {
    #extra_commandes > li:first-child {
        display: inline-block;
    }
}

/*  = --- 1300px ----------------- */

@media (min-width: 1300px) { /* 1280px + 10px * 2 */
    #master,
    #fidelisation,
    #logistique,
    #contact_rapide {
        padding-right: 0;
        padding-left: 0;
    }
    
    #extra_commandes {
        right: 50%;
        margin-right: -560px; /* 1280px / 2 - 80px */
    }
}


/*Ajouté par Jimmy Quennery, Webmaster ColisPharma*/

.argument.facebook:before  {background-position: center top;}
.argument.facebook:before {
    display: block;
    height: 80px;
    background: url(img/reassurance_fb.png) no-repeat;
    background-position:center top;
    content: "";
}

/*Fiches produit*/

.h2-rdm {
    color:#fff;
	background-color:#CC144D;
	line-height:50px;
	text-align:center;
	width: 50%;
	margin:auto;
	padding:0 5px;
	font-weight:500;
}
.p-rdm {
	background-color:#f7dce4;
	border: solid 3px;
	border-color:#CC144D;
	padding:5px;
	color:#000;
    margin-bottom:20px;
}
#product .h2-onglet {
	clear: both;
	background-color: #e7ebec;
	text-align: center;
	line-height: 50px;
	margin : auto;
	font-weight: 500;
	width: 50%;
}
.h3-onglet {
	font-weight:600;
	font-size:1em;
	color:#333;
	margin-left:20px;
}
.h4-onglet {
	margin-left:20px;
    margin-bottom: 0;
	font-size:1em;
    font-weight: 500;
}
#product li .h4-onglet {
	margin:20px 0 0 0;
}
.a-onglet:hover {
	color:#cfda3d;
	font-weight: 400;
}
#product .p-notice {
	width: auto;
	float:right;
	display:inline-block;
	margin: 0 0 0 10px;
	text-align:center;
}
#product .a-notice {
	background-color:#4fc6ee;
	display:inline-block;
	color:#fff;
	padding: 10px 10px 5px;
	text-decoration: none;
	font-size:1em;
	text-transform: uppercase;
	border: solid 2px #004d77;
}
#product .a-notice:hover {
	background-color:#cfda3d;
	border: solid 2px #097500;
}
#product .p-notice + h3 {
	display:block;
	clear:none;
}
.medic {
	background-color: #e7ebec;
	padding: 10px;
	text-align: center;
	margin : 20px auto;
	width: 66%;
}
.yt-onglet {
	width:90%;
	margin:auto;
}
.yt-onglet iframe{
	width:100%;
	height:500px;
}
.logo_container a{
	border:none;
}
#extra_avis .ratestar_average{
    float:left;
    height:28px;
    background: url(../img/extra_avis.png) 0 -140px no-repeat;
}
#extra_avis .rate_average_stars_bkg {
	width: 158px;
	height: 28px;
}
#extra_avis a{
    font-size: 1.2em;
}
#rate{
    background-color:#e96e21;
	color:#fff;
}
#rate dt{
	text-align:center;
	font-size:20px;
}
#rate dd{
    display:none;
}

/*Description produits*/
.pelvix{
	float:right;
	margin-left:30px;
}
.tinco{
	max-width:689px;
	margin:auto;
	margin-bottom:20px;
}
.tinco th{
	text-align:center;
}
.tinco td{
	text-align:center;
}
.tinco td:first-child{
	text-align:left;
	font-weight:bold;
}
.tinco .active{
	background-color:#e7ebec;
}
.tinco .hinco{
	height: 50px;
	vertical-align: middle;
	font-size: 22px;
}
.tenapicto{
    margin: 20px auto;
	max-width: 790px;
}
.tenapicto img{
	margin-right:10px;
	margin-bottom: 10px;
}
.tenapicto img:last-child{
	margin-right:0
}
.hmpicto{
	margin: 20px auto;
	max-width: 650px;
}
.hmpicto img{
	margin-right:10px;
	margin-bottom: 10px;
}
.hmpicto img:last-child{
	margin-right:0
}
.nppicto{
	margin: 20px auto;
	max-width: 875px;
}
.nppicto img{
	margin-right:10px;
}
.nppicto img:last-child{
	margin-right:0
}
#nppose{
	list-style:none;
	padding-left:1em;
}
#nppose li strong{
	margin-right:5px;
}
.checklist{
    list-style:none;
    padding-left:15px;
}

/*Listes*/
.liste-marque{
	text-align:center;
	margin-top:20px;
}
.liste-marque a{
	margin-bottom:20px;
}
#list .header{
	padding-top:0;
}
.h2-list{
	font-weight:bold;
}
.img-list{
    float:left;
	margin: 0 20px 20px 0;
}
.img-list + div{
    padding:5%;
}

/*Pages libres*/
.plibre {
	font-weight:normal;
	margin:25px 2em 0;
}
.cadre {
	border: solid 1px;
	border-color:#cdcdcd;
	padding:20px;
	margin:20px 0;
}
.cadre legend{
	font-size:1.125em;
}
.Limg{
	text-align:center;
	margin:30px 0;
}
#MM{
	float:left;
	margin: 20px;
	height: 137px;
	width: 200px;
}
#Phimg{
	width:59%;
	display:inline-block;
}
#map{
	height:385px;
	width:40%;
	display:inline-block;
	float:left;
}
.page_721302 .plibre::before{
    content: url(/img/qm.jpg);
    margin-right: 10px;
	vertical-align: middle;
}
.LClibre{
    max-width: 40%;
	display: inline-block;
	vertical-align: top;
}
.RClibre{
	display: inline-block;
	max-width: 59%;
	padding-left: 20px;
}

/*Nos marques*/
.abccontent{
	display:none;
}
.abctab {
	border: solid 1px;
	padding: 20px 5px;
	border-color: #cdcdcd;
	margin-top: -16px;
	display:flex;
}
.abcletter {
	font-size: 1.2em;
	width: 3.5%;
	padding:0;
	margin:5px auto;
	line-height:2.2
}
.marques{
	border:none;
	width:100%;
}
.marques tr td{
	padding:0;
	border: solid 1px #cdcdcd;
	width:20.07%;
	display:inline-block;
}

/* Chrome Specific */
@supports (-webkit-appearance:none) {
    .marques tr td{
		margin:0 -1px -1px 0;
	}
}
/* Firefox Specific */
_:-moz-tree-row(hover), .marques tr td {
    margin:0 -4px -1px 0;
}
/* IE Specific */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.marques tr td{
		margin:0 -4px -1px 0;
	}
}
.marques tr td a{
    	border:none;
}

/*Tunnel de commande*/
#ctx_advantage{
	margin-bottom:20px;
}
#delivery #contener_dearea_mag_0{
    margin:15px 0 0 0;
}
#delivery .transp{
	float:left;
	margin:0 10px;
	display:block;
}
#delivery .adresse-retrait{
    padding: 125px 0 0 0;
}
#delivery .num{
	width:24px;
	height:auto;
    background-color: #dd002d;
    background-image:none;
}
#delivery ul{
	padding-left:0;
	list-style-type:none;
	height:455px;
}
#delivery li{
	display:block;
	padding:10px;
	border-bottom: 1px solid #999;
}
#delivery p{
	padding-right:0px;
}
#delivery .name{
    font-size:16px;
    margin-bottom:-10px;
}
#delivery .address{
    font-size:14px;
}
#delivery .zipcity{
    font-size:14px;
}
#delivery .distance{
	margin:5px 34px;
    font-size:12px;
}
#delivery .schedules{
	text-align:center;
    font-size:14px;
	width:100%;
}
#delivery .schedules a{
	border-bottom:none;
}
#delivery .retrait-liste-element .point.selected{
	background-color:#e8ebec
}
#delivery .canvas-map{
	height:455px;
}
#delivery .pop_up_hours{
	top:77.5px;
	left:33%;
	width:350px;
	max-height:300px;
	height:300px;
}
#delivery .btn_close{
	width:135px;
	height:50px;
	text-align: center;
    margin: 10px auto -10px;
	background-color: #4fc6ee;
    background-image: url(/img/btn_close.png);
	font-size:inherit;
}
#delivery .btn_close:hover{
	background-color:#cfda3d;
	transition: all .33s;
}
#delivery .pickupPointHours{
	height:auto;
	margin:0;
}
#delivery .pickupPointHours li{
	width:100%;
}
#delivery .pickupPointHours li span{
	font-size:inherit;
}
#delivery #contener_dearea_mag_6{
	margin-bottom:20px;
}
#validation #canvas_invoice_account{
	border:inherit;
	margin-bottom:20px;
}
#validation #canvas_delivery_account{
	border:inherit;
	margin-bottom:20px;
}

/*Media Queries*/
@media (min-width: 1024px){
    #product #briefcase_product{
		padding-top:37px;
	}
}
@media (min-width: 1280px){
	#product #briefcase_product{
		padding-top:19px;
	}
}
@media (min-width: 1300px){
	#product #briefcase_product{
		padding-top:13px;
	}
}
@media (max-width: 1024px){
	#map{
		height:300px;
	}
    #delivery .o403{
    	margin-bottom:20px;
	}
	#delivery .adresse-retrait {
		float:none;
		width:80%;
		margin:auto;
	}
	#delivery .adresse-retrait input {
		width:100%
	}
	#delivery .retrait-google-maps {
		width:100%;
	}
}
@media (max-width: 960px){
	#map{
		height:280px;
	}
	#product .h2-onglet{
		width:100%;
	}
	#product .p-notice{
		margin: 10px 0 0 10px;
	}
	.medic{
		width:100%;
	}
	#feature > .pd05 {
		margin-top: 0.75em;
	}
	.yt-onglet iframe{
		width:100%;
		height:400px;
	}
}

@media (max-width: 768px){
	.plibre{
		text-align:center;
	}
	.abctab{
		display:block;
		padding:10px;
	}
	.abcletter{
		width:8%;
		margin:5px 0 0 5px;
	}
	.marques tr td{
		width:33.53%;
	}
	#map{
		display:block;
		width:100%;
	}
	#Phimg{
		width:100%;
		display:block;
	}
	#delivery .adresse-retrait{
    	width:100%;
	}
	#delivery .retrait-liste-element{
		width:100%;
	}
	#delivery li{
		width:100%;
	}
	#delivery .canvas-map{
		width:100%;
	}
	#delivery .pop_up_hours{
		width:100%;
		top:145px;
		left:0%;
	}
	.yt-onglet {
		width:100%;
	}
	.yt-onglet iframe{
		height:300px;
	}
    .hmpicto{
        max-width: 350px;
    }
    .nppicto{
        max-width: 531px;
    }
    .LClibre{
    	max-width: 75%;
		margin: 20px auto;
        display:block;
	}
	.RClibre{
		display: block;
		max-width: 100%;
		padding-left: 0px;
	}
}

@media (max-width: 480px){
	.marques {
		width:auto;
		margin:auto;
	}
	#delivery .transp{
		float:none;
		text-align:center;
	}
	#product .p-notice{
		width:100%;
	}
	#product .p-notice + h3 {
		display: inline-block;
		clear: both;
	}
	#btn_basket_buy{
		width:100%;
		font-size:inherit;
		height:73px;
	}
	.yt-onglet iframe{
		height:250px;
	}
    .img-list{
    	float:none;
		margin: 0 0 20px;
	}
    .img-list + div{
    	padding:20px 0 0;
	}
    .pelvix{
    	max-width:250px;
		margin:auto;
		float:none;
	}
}
/*Bandeau Nos Marques*/
#mag_table_home #tc_07 > h2 {
    font-weight:normal;   
}