/*///////////////////////////////////////////////////////////////
///Script PHP/MySQL de site e-commerce développé par C2script
///SCRIPT C2shop TOUS DROITS RÉSERVÉS / UTILISATION SOUS LICENCE
///https://www.c2script.com
/////////////////////////////////////////////////////////////////

vert:#80b435 / rgb(128, 182, 53)
rouge:#ee5a56 / rgb(238, 93, 88)
*/
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:'Rubik',arial,sans-serif;font-size:14px;line-height:1.7;letter-spacing:0.7px;color:#333}
body,html{margin:0;padding:0;height:100%;cursor:default}
ul,li{margin:0;padding:0;list-style:none}
@font-face{font-family:'Rubik';src:url('fonts/rubik-regular.woff2') format('woff2'),url('fonts/rubik-regular.woff') format('woff');font-weight:normal;font-style:normal}
del{color:#8c8c8c}
h1:nth-child(1),h2:nth-child(1),h3:nth-child(1),h4:nth-child(1){margin-top:0}
h1,h2,h3,h4{margin:40px 0 30px}
h1{font-size:26px}
h2{font-size:24px}
h3{font-size:22px}
h4{font-size:20px}
i{color:#777}
/* aussi dans couleur.principale.css */
a{text-decoration:none;transition:0.2s}
/* aussi dans couleur.principale.css */
::selection{color:#fff}
.unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
/* aussi dans couleur.principale.css */
.separateur{height:1px;margin:50px}
/* formulaire */
select,input,textarea{border-radius:4px;height:40px;border:2px solid #ddd;padding-left:12px;padding-right:12px;color:#333;transition:.2s;margin:10px 5px}
input:focus,select:focus,textarea:focus{outline:0}
select,input{width:200px}
textarea{width:calc(100% - 10px);min-height:100px;border-radius:4px;font-size:15px}
optgroup{background-color:#ddd}
select{background:white}
label{margin-top:20px;display:block;font-size:13px}
input[type=file]{width:auto;padding:6px}
input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;border-radius:4px;height:26px;width:43px;background-color:#fff;border:2px solid #ccc;padding:0px 5px}
input[type="checkbox"]:checked{border-color:#00ca00;box-shadow:0 0 10px #00ca00}
input[type="checkbox"]::after{content:'Non';color:#ccc;width:100%;display:block;text-align:center}
input[type="checkbox"]:checked::after{content:'Oui';color:#007900}

/* boutons */
/* .btn aussi dans couleur.principale.css */
.btn,
input[type=submit]{color:white;margin:10px 5px;text-align:center;display:inline-flex;border-radius:4px;text-transform:uppercase;font-size:17px;cursor:pointer;transition:0.2s;min-height:40px;line-height:1;justify-content:center;align-items:center;padding:0 15px;border:2px solid transparent}
.btn *{color:white;font-size:17px}
.btn.btn_small{font-size:12px;min-height:unset;height:30px}
.btn:hover,
input[type=submit]:hover{box-shadow:inset 0 40px #fff}
.btn-over,.btn-over:hover{background-color:#c1c1c1}
.btn_grise{background-color:#ddd}
.btn_grise:hover{color:#ddd}
.btn_danger:hover{color:#f24444}
.btn_danger{background-color:#f24444}
.btn_neutre{color:#fff;background-color:#bbb;border-color:#bbb}
.btn_neutre:hover{color:#bbb}

.ajouterAvis input:not(input[type=submit]){display:block}
#form_contact input[type=submit]{margin:0 auto}
#form_contact .flex{flex-wrap:wrap}
#form_contact .flex div{padding:15px}
#form_contact .flex div:nth-child(1),#form_contact .flex div:nth-child(2){width:50%}
#form_contact .flex div:nth-child(3),#form_contact .flex div:nth-child(4){width:100%}
#form_contact .flex div > input,#form_contact .flex div > select,#form_contact .flex div > textarea{width:calc(100% - 10px)}
#form_contact > iframe{width:calc(100% + 30px);height:450px;border:0;margin-bottom:20px !important;margin:-15px}

.supprimer{font-size:0;border:1px solid #ccc;border-radius:50%;background:url(../images/script/poubelle-noir.png) 50% no-repeat;width:40px;height:40px;display:inline-block;cursor:default}
.supprimer:hover{border-color:#ee5a56}
.red{color:red}
.margin20{margin:20px}
.margintop70{margin-top:70px}
.relative{position:relative}

/* aussi dans couleur.principale.css */
.scrollbar{overflow:auto;scrollbar-width:thin}
.scrollbar::-webkit-scrollbar{width:4px;background-color:#ededed;border-radius:20px}
/* aussi dans couleur.principale.css */
.scrollbar::-webkit-scrollbar-thumb{border-radius:20px}

#header_caddie p{margin:10px}
#header_caddie > .articles{width:400px;color:#555}
#header_caddie > .articles > div:nth-child(1){border-bottom:1px solid #d0d0d0;padding:15px;font-weight:bold}
#header_caddie > .articles > div:nth-child(2){max-height:200px;margin-bottom:30px}
#header_caddie > .articles > div:nth-child(1) span.prix{float:right}
#header_caddie > .articles > div > .article{margin:10px;padding-bottom:10px;border-bottom:1px solid #d0d0d0;position:relative;display:flex}
#header_caddie > .articles > div > .article:last-child{border-bottom:none}
#header_caddie > .articles > div > .article > .fermer{position:absolute;cursor:pointer;background-color:#e00;width:20px;color:white;height:15px;text-align:center;border-radius:6px;font-size:11px;line-height:15px;top:0;right:0}
#header_caddie > .articles > div > .article > .photo{width:65px;height:65px;background-position:50%;background-size:cover;background-repeat:no-repeat;margin-right:12px;flex-shrink:0}
#header_caddie > .articles > div > .article > .prix{position:absolute;left:80px;top:0}
#header_caddie > .articles > div > .article > .prix span{font-size:80%}
#header_caddie > .articles > div > .article > .titre{position:absolute;top:30px;left:80px}
#header_caddie .articles > div:nth-child(3){display:flex}
#header_caddie .articles > div:nth-child(3) a{width:50%;margin:10px}
.max_width{max-width:1200px;margin:0 auto}
/* nouvau header */
#barre_du_haut{background-color:#fefefe;border-bottom:1px solid #ddd}
#barre_du_haut span{margin-left:15px}
#barre_du_haut .max_width{display:flex;justify-content:space-between;flex-wrap:wrap;min-height:40px;align-items:center}
#menu_haut > li{display:inline-block}
#menu_haut > li > a{padding:0 15px;border-right:1px solid #ddd}
#menu_haut > li:last-child > a{border-right:none}
/* aussi dans couleur.principale.css */
#header2{margin:0 auto 30px}
@keyframes vers_la_gauche{from{left:228px;opacity:0}to{left:218px;opacity:1}}
#logo2{background-repeat:no-repeat;height:150px;min-width:150px;background-size:contain;background-position:50%;display:flex;align-items:center;justify-content:center;background-color:#252932;border:10px solid #252932}
#logo2 span{font-size:60px;text-decoration:underline overline;color:#f4f4f4;line-height:1.117;text-align:center}
#drapeau{height:3px;background-color:#fff;width:100%;position:relative}
#drapeau::before{content:"";height:3px;background-color:#0060a4;width:calc(100% / 3);position:absolute;bottom:0;left:0}
#drapeau::after{content:"";height:3px;background-color:#d6081f;width:calc(100% / 3);position:absolute;bottom:0;right:0}
/* #logo2 aussi dans couleur.principale.css */
#barre{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;max-width:1200px;margin:0 auto;padding:15px}
#categories2 *,#rechercher_dans *{z-index:10}
/* aussi dans couleur.principale.css */
#recherche2{display:flex;border-radius:4px;position:relative}
#recherche2 > input:nth-child(1){margin:0;border-radius:unset;height:40px;border:none;width:350px;outline:0}
#rechercher_dans > div:nth-child(1){color:#666;height:40px;font-size:15px;background-color:white;cursor:pointer;line-height:1;width:150px;text-overflow:ellipsis;overflow:  hidden;white-space:nowrap;padding:13px 20px 0 0}
#rechercher_dans > div:nth-child(2){display:none;position:absolute;background-color:white;border:1px solid #ddd;left:-1px;right:-1px}
/* aussi dans couleur.principale.css */
#jq_rechercher{padding:0 20px;color:white;display:flex;justify-content:center;align-items:center;border-radius:1px;cursor:pointer}
#rechercher_dans div[data-id-categorie]{display:block;padding:6px;cursor:pointer}
#rechercher_dans div[data-id-categorie]:hover{background-color:#ddd}
#caddie2{position:relative}
#icones2{position:relative;width:220px;display:flex;justify-content:space-evenly}
/* aussi dans couleur.principale.css */
#icones2 .bullet{position:absolute;border-radius:50px;color:white;left:-16px;top:-16px;line-height:1;min-width:20px;height:20px;display:flex;justify-content:center;align-items:center;padding:0 5px}
#caddie2 > div:nth-child(2){display:flex}
#caddie2 > div:nth-child(2) > svg:nth-child(1),
#compte2 > svg:nth-child(2){width:24px}
#caddie2 > div:nth-child(2) > div:nth-child(2){position:absolute;top:0;background-color:white;display:none;animation:caddie 0.5s;box-shadow:-5px 0 15px #0005;right:0;z-index:10}
#caddie2 > div:nth-child(2):hover > div:nth-child(2){display:block;border-radius:4px}
@keyframes caddie{from{top:-100px;opacity:0}to{top:0;opacity:1}}
#compte2{position:relative;}
#compte2 .bullet{top:0px;width:9px;height:9px;min-width:unset;border:2px solid #fff;padding:unset;left:17px}
#icones2 .avatar{background-position:50%;background-size:cover;width:24px;height:24px;border-radius:50%}
#categories2{position:relative;display:inline-block;width:220px;height:40px;margin-left:2px}
/* aussi dans couleur.principale.css */
#categories2 > span:nth-child(1){color:white;display:block;padding:7px 20px;font-size:15px;font-weight:bold;cursor:pointer;border-radius:4px}
#categories2 > ul{display:none;background-color:white;position:absolute;width:220px;border:1px solid #ddd}
#categories2 a{display:block;padding:8px 15px 0 22px;color:#606060}
#categories2 a:hover{color:#111}
#categories2 > ul > li{min-height:45px;border-bottom:1px solid #ddd;display:flex;flex-direction:column;justify-content:center}
#categories2 li ul li{padding:2px 2px 0 7px}

/* contenus */
.menu_compte > div{position:sticky;top:10px}
.menu_compte a{display:block flex}
.contenu.coteacote{display:flex;flex-wrap:wrap}
.contenu.coteacote > div{flex:1;margin:0 10px 10px}
.contenu{max-width:1220px;margin:0 auto;padding:10px}
.contenuMenu{width:290px}
.contenuCoteMenu{width:900px}
.flexmenu{display:flex}
.flexmenu > div:nth-child(1){margin-right:30px}
.contenuMenu > ul{padding:11px 0 25px 15px}
.contenuMenu > ul li a{font-size:12px;padding:6px 10px;display:block;color:#777}
.contenuMenu ul li a:hover{color:#333}
.compagnie a{padding:6px 20px;display:block;color:#333}
.bloc{background-color:#fff;border:1px solid #ccc;box-shadow:5px 5px 0 rgba(200,200,200,.2);margin:0 auto 35px;border-radius:0 10px 10px 10px;padding:15px}
.bloc img{max-width:100%}
/* aussi dans couleur.principale.css */
.bloc > .titre{display:block;font-size:22px;letter-spacing:0.05em;font-weight:bold;padding:14px 0 10px 15px;color:#424242;text-transform:uppercase;border-bottom:1px #d0d0d0 solid;margin:-15px -15px 15px}
/*bloc à l'intérieur du bloc*/
.bloc2{padding:20px;background-color:#f4f4f4;text-align:center;border-radius:30px}
.flex{display:flex}
.flex-no-wrap{display:flex}
ul.categories{padding:0}
ul.categories > li{position:relative}
ul.categories > li > span{padding:10px 0 10px 20px;display:block;border-bottom:1px solid #ddd;color:#333;font-size:14px;text-transform:uppercase;font-weight:bold;cursor:pointer}
ul.categories > li > ul{visibility:hidden;padding:0;overflow:auto;height:0;transition:0.8s}
ul.categories > li:hover > ul{visibility:visible;height:300px}
/* aussi dans couleur.principale.css */
ul.categories > li > ul::after{position:absolute;top:-1px;left:2px;font-size:22px;content:"+";visibility:visible}
ul.categories > li:hover > ul::after{content:"-"}
ul.categories > li > ul > li{border-bottom:1px solid #ddd;padding-top:10px !important}
ul.categories > li > ul > li:last-child{border-bottom:none}
ul.categories li ul li{padding:0 0 2px 10px}
ul.categories > li > ul > li span{display:block;color:#888;font-size:14px;padding:10px;cursor:pointer}
ul.categories > li span:hover{color:#111}
.titre.jq_titre{display:flex;flex-direction:column;margin-bottom:0}
.jq_titre span{margin-left:10px;color:#959595;font-style:italic}
/* produits liste */
#tri-type{border-bottom:1px solid #d0d0d0;height:80px;display:flex;justify-content:space-between;align-items:center}
#tri-type > div:nth-child(1){display:flex}
/* aussi dans couleur.principale.css */
.type_liste:hover{border:1px solid #ccc;fill:white}
.type_liste{width:40px;height:40px;border:1px solid #d0d0d0;cursor:pointer;border-radius:5px;margin-right:10px;padding:5px;fill:#ddd}
/* aussi dans couleur.principale.css */
.type_liste.active{fill:white}
.tri{margin-right:30px}
.tri select{width:300px;margin:0}
.ajouter_caddie svg{width:24px}
/* produits en grille */
.produits-grille{display:flex;flex-wrap:wrap}
.produits-grille .produit{position:relative;height:440px;width:calc(33.33% - 10px);text-align:center;border:1px solid #ddd;margin:5px;border-radius:4px}
.produits-grille .produit a:nth-child(1){position:absolute;top:0;right:0;bottom:0;left:0;font-size:0}
/* aussi dans couleur.principale.css */
.produits-grille .promo{position:absolute;top:10px;right:10px;padding:2px 5px;border-radius:3px;color:white;display:inline-block;font-size:12px}
.produits-grille .image{height:300px;width:100%;background-size:100%;background-position:50%;background-repeat:no-repeat;background-color:#fdfdfd;transition:0.5s}
.produits-grille .produit:hover .image{background-size:150%;height:300px;background-position-y:35%}
.produits-grille .nom{margin-top:20px;font-size:18px}
/* aussi dans couleur.principale.css */
.produits-grille .prix{position:absolute;bottom:20px;width:100%;font-size:20px}
.produits-grille .prix del{color:gray;font-size:15px}
.produits-grille .produit:hover .affichage-rapide,
.produits-grille .produit:hover .ajouter_caddie{visibility:visible}
.produits-grille .produit:hover .ajouter_caddie{padding:0}
.produits-grille .ajouter_caddie svg{width:27px;margin-left:1px}
.produits-grille .affichage-rapide{visibility:hidden;position:absolute;top:125px;left:calc(50% - 25px);width:50px;height:50px;border-radius:50%;cursor:pointer;background-color:#ffffff50;box-shadow:0 0 10px #00000050;padding:5px}
.produits-grille .ajouter_caddie{visibility:hidden;position:absolute;top:250px;left:calc(50% - 30px);width:60px;height:60px;border-radius:50%}
.produits-grille .ajouter_caddie span{font-size:0;display:none}
/* produits en liste */
.produits-liste .ajouter_caddie svg{width:24px}
.produits-liste{display:flex;flex-wrap:wrap}
.produits-liste .flex-fiche,.produits-grille .flex-fiche{display:flex}
.produits-grille .flex-fiche{flex-wrap:wrap}
.produits-grille .flex-fiche .droite{width:100%;border-top:1px solid #ddd}
.produits-liste .flex-fiche .droite{flex:1;margin-left:20px}
.produits-liste .produit{position:relative;min-height:300px;width:100%;text-align:left;border:1px solid #ddd;margin:5px;border-radius:4px}
.produits-liste .produit a:nth-child(1){position:absolute;top:0;right:0;bottom:0;left:0;font-size:0}
/* aussi dans couleur.principale.css */
.produits-liste .promo{position:absolute;top:10px;left:10px;padding:2px 5px;border-radius:3px;color:white;display:inline-block;font-size:12px}
.produits-liste .image{height:298px;background-size:100%;background-position:50%;background-repeat:no-repeat;transition:0.5s;width:300px}
.produits-liste .produit:hover .image{background-size:150%;height:298px}
.produits-liste .nom{margin-top:20px;font-size:20px}
/* aussi dans couleur.principale.css */
.produits-liste .prix{margin:20px 20px 100px 0;font-size:25px}
.produits-liste div.description{font-size:13px;color:#555;margin-bottom:40px}
.produits-grille div.description{display:none}
.produits-liste .prix del{color:gray;font-size:15px}
.produits-liste .produit:hover .affichage-rapide,
.produits-liste .produit:hover .ajouter_caddie{visibility:visible}
/* aussi dans couleur.principale.css */
.affichage-rapide.infobulle svg{height:100%;width:100%}
.produits-liste .affichage-rapide{position:absolute;bottom:25px;left:330px;height:47px;cursor:pointer;width:47px}
.produits-liste .ajouter_caddie{position:absolute;bottom:25px;left:402px}
/* table */
table.commande{background-color:#f9f9f9;border-radius:15px}
table.commande td{padding:10px}
table.commande tr:hover td{background-color:#f4f4f4}
table.commande td.informations{background-color:#ffae19;padding:20px;border-radius:7px}
table.commande td.informations:hover{background-color:#ffae19}
table.commande td.informations a{background:white;border-radius:3px;padding:3px 10px;box-shadow:inset 0 0 3px #ce8f19;border:1px solid #cc9021}
table.commande td.informations span{text-shadow:0 1px 2px #aa7515;color:white}
.table{width:100%;margin:50px 0;border-collapse: collapse}
.table tr:nth-child(1){border-bottom:5px solid #ddd;text-transform:uppercase;font-size:14px}
.table > tbody:nth-child(1) > tr:not(:nth-child(1)){border-bottom:1px solid #ddd}
.table tr:nth-child(1) > th{padding:10px;text-align:left}
/* adresses */
table.addr{width:100%;margin:50px auto;border-collapse: collapse;max-width:600px}
table.addr  th{text-align:left}
table.addr  td.actions > div{align-items:center}
table.addr  tr:nth-child(1){border-bottom:5px solid #ddd;text-transform:uppercase;font-size:14px}
table.addr  td:nth-child(1){color:#333;width:50%}
table.addr > tbody:nth-child(1) > tr:not(:nth-child(1)){border-bottom:1px solid #ddd}
/* caddie */
table.caddie{width:100%;margin:50px 0;border-collapse: collapse}
table.caddie  tr:nth-child(1){border-bottom:5px solid #ddd;text-transform:uppercase;font-size:14px}
table.caddie > tbody:nth-child(1) > tr:not(:nth-child(1)){border-bottom:1px solid #ddd}
table.caddie  tr:nth-child(1) > th{padding:10px;text-align:left}
table.caddie .image div{width:70px;height:70px;background-position:50%;background-repeat:no-repeat;background-size:cover;margin:5px}
table.caddie .quantite input{width:50px;text-align:center}
table.caddie .promotion,
.table .promotion{color:#bbb}
table.caddie .promotion span,.table .promotion span{display:block;font-size:110%;border-bottom:1px solid #ddd}
.modifier_qte div.qte_moins{border-top-left-radius:50%;border-bottom-left-radius:50%;-webkit-border-top-left-radius:50%;-webkit-border-bottom-left-radius:50%}
.modifier_qte div.qte{padding:2px 10px;border:1px solid #bbb}
.modifier_qte div.qte_plus{border-top-right-radius:50%;border-bottom-right-radius:50%;-webkit-border-top-right-radius:50%;-webkit-border-bottom-right-radius:50%}
.modifier_qte div.qte_plus,.modifier_qte div.qte_moins{padding:2px 10px;cursor:pointer;border:1px solid #bbb}
/* totaux caddie */
.totauxcaddie{width:100%;border-collapse:collapse}
.totauxcaddie td{border:1px solid #ddd;width:50%}
.totauxcaddie tr > td:first-child ,
.totauxcaddie .total{font-weight:bold}
.totauxcaddie td{padding:10px;text-align:right}
/* avis/commentaires */
#avis .titre{font-size:20px;display:block;margin:30px 0 30px}
div.commentaire{margin-bottom:20px;padding-bottom:20px;position:relative;border-bottom:1px solid #ddd;display:flex}
div.commentaire > div:nth-child(1){width:80px}
div.commentaire > div:nth-child(2){width:100%;padding-left:20px}
.commentaire > div > .avatar{background-position:50%;background-size:cover;width:80px;height:80px;border-radius:50%}
div.note{width:90px;height:18px;position:relative;margin-bottom:7px}
/* aussi dans couleur.principale.css */
div.note div:nth-child(1){height:100%}
div.note div:nth-child(2){background:left top / 18px url(../images/script/etoile.png) repeat-x;height:100%;position:absolute;top:0;left:0;width:100%}
.commentaire > div > .utilisateur-date span{font-weight:bold;font-size:11px}
.commentaire > div > .utilisateur-date{font-size:11px}
.commentaire > div > p.commentaire{margin-top:10px;font-style:italic;color:#757575}
.commentaire > div > p.commentaire::before,
.commentaire > div > p.commentaire::after{content:'"'}
/* notation */
div.notation{margin-top:10px}
div.notation > div{height:18px;position:relative;margin:7px;display:inline-block;cursor:pointer}
div.notation > div:last-child{border-right:none}
div.notation > div::before{display:block;height:100%;width:100%;color:#4a4a4a;text-align:center;position:absolute;top:-18px}
div.notation div.note1{width:18px}
div.notation div.note1::before{content:"1"}
div.notation div.note2{width:36px}
div.notation div.note2::before{content:"2"}
div.notation div.note3{width:54px}
div.notation div.note3::before{content:"3"}
div.notation div.note4{width:72px}
div.notation div.note4::before{content:"4"}
div.notation div.note5{width:90px}
div.notation div.note5::before{content:"5"}
div.notation div > div:nth-child(1){height:100%;width:0%;transition:0.2s}
/* aussi dans couleur.principale.css */
div.notation div:hover > div:nth-child(1),
div.notation div > div:nth-child(1).active{width:100%}
div.notation div > div:nth-child(2){background:left top / 18px url(../images/script/etoile.png) repeat-x;height:100%;position:absolute;top:0;left:0;width:100%}

/* compte membre */
.inputfileavatar{border:1px solid #ddd;border-radius:5px;display:inline-block;padding:10px;margin-top:30px}
.mes_informations .avatar{background-position:50%;background-size:cover;width:80px;height:80px;border-radius:50%;margin:0 auto
}
.mes_informations .voirpass{background-image:url(../images/script/voirpass.png);background-position:50%;background-size:cover;width:16px;height:16px;margin:15px}

/* fonctionnalités */
#fonctions{display:flex;margin-bottom:60px;justify-content:space-around}
#fonctions > div{min-height:185px;width:250px;flex-shrink:1;position:relative}
/* aussi dans couleur.principale.css */
#fonctions > div > div{height:100px;position:absolute;top:20px;width:100px;border-radius:50%;left:calc(50% - 50px);transition:0.2s;display:flex;justify-content:center}
#fonctions > div:hover > div{border-width:8px;transform:translateY(-5px)}
#fonctions > div > span{display:block;font-size:14px;text-transform:uppercase;text-align:center;padding:136px 15px 15px;line-height:1.5;font-weight:bold;color:#333}
/* aussi dans couleur.principale.css */
#fonctions svg{width:80px}
/* footer */
#footer{background-color:#252932}
#footer  #menu{display:flex;flex-wrap:wrap;justify-content:start;border-bottom:1px solid #3b3f47;padding-bottom:30px}
#footer  #menu ul{width:250px;padding:20px}
/* aussi dans couleur.principale.css */
#footer  #menu ul li:first-child{font-size:16px;font-weight:bold;text-transform:uppercase;margin-top:20px;margin-bottom:10px}
#footer  #menu ul li a{color:#b7bcc8;padding:10px 0}
/* aussi dans couleur.principale.css */
#footer  #menu ul li a:hover{padding-left:10px}
#footer  #menu ul li:not(:first-child){margin-top:20px;font-size:14px}
#footer ul.contact li:not(:first-child) *{color:#b7bcc8}
#footer ul.contact li:not(:first-child){display:flex;align-items:center}
#footer ul.contact svg
{width:50px;height:50px;border-radius:50%;flex-shrink:0;margin-right:15px;padding:9px;border:2px dotted;fill:#b7bcc8}
#copyright{padding:10px}
#footer #copyright *{font-size:12px}
#footer #copyright span{color:#b7bcc8}
/* pagination */
a.page_pagination{padding:3px;background-color:#E3FFE5;border:1px solid #C8E0CA}
.pagination{margin:20px 0;clear:both;width:100%}
.pagination ul{padding:0;display:inline-block;margin-bottom:0;margin-left:0;border-radius:3px;-webkit-border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,0.05)}
.pagination ul > li{display:inline}
.pagination ul > li > a,
.pagination ul > li > span{float:left;padding:0 14px;line-height:38px;text-decoration:none;background-color:#ffffff;border:1px solid #ddd;border-left-width:0}
.pagination ul > li > a:hover,
.pagination ul > .active > a,
.pagination ul > .active > span,
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover{background-color:#f5f5f5;cursor:default;color:#333}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span{border-left-width:1px;border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span{border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0}
/* popup affichage rapide du détail produit */
#affichage-rapide{width:100%;height:100%;background-color:#00000050;z-index:3;visibility:hidden;display:flex;position:fixed;top:0;right:0;bottom:0;left:0;justify-content:center;align-items:center}
#affichage-rapide .fermer{background:url(../images/script/fermer.png) 50% no-repeat;width:34px;height:36px;position:absolute;top:2px;right:3px;cursor:pointer}
#affichage-rapide > div:nth-child(1){max-width:900px;border-radius:15px;padding:30px;position:relative;max-height:100%}
.detailProduit .gauche{width:360px;position:sticky;top:0;height:100%}
/* aussi dans couleur.principale.css */
.detailProduit .promo{position:absolute;top:10px;left:10px;padding:2px 5px;border-radius:3px;color:white;display:inline-block;font-size:13px}
.detailProduit .gauche .image{height:300px;background-position:50%;background-repeat:no-repeat;border-radius:7px}
.detailProduit .gauche > .image{height:360px;background-color:#f5f5f5}
.detailProduit .slider{display:flex;flex-wrap:wrap;margin-top:4px}
.slider > div{flex-grow:1}
.detailProduit .header{border-bottom:1px solid #ddd;padding-bottom:19px;margin-bottom:19px}
.detailProduit .slider > .image{display:inline-block;width:45px;height:45px;background-size:cover;background-position:50%;background-repeat:no-repeat;border:1px solid #ddd;margin:4px;max-width:100px}
.detailProduit .slider > .image:hover
{border-color:#ccc}
.detailProduit .titre{display:block;text-transform:uppercase;font-size:32px;font-weight:bold;position:relative}
.detailProduit .titre{margin-top:10px}
.detailProduit .evaluation{font-size:13px;display:flex;align-items:end}
.detailProduit .evaluation a:nth-child(1){border-right:1px solid #ddd}
.detailProduit .evaluation a{padding:5px 0 3px;margin-left:15px}
.detailProduit .prix > span{color:#555;font-size:33px;margin-bottom:30px}
.detailProduit .prix del{color:gray;font-size:20px}
.prix > div{color:#b0b0b0}
/* aussi dans couleur.principale.css */
.detailProduit .enstock{display:inline-block;padding:1px 10px;border-radius:20px;font-size:14px;margin-bottom:20px;background-image:url(../images/script/check-vert.png);background-size:17px;background-position:10px;background-repeat:no-repeat;padding-left:30px;border:2px solid #80b435;color:#80b435}
.detailProduit .pasenstock{border:2px solid #ee5a56;display:inline-block;padding:1px 10px;border-radius:20px;color:#ee5a56;font-size:14px;margin-bottom:20px;background-image:url(../images/script/croix.png);background-size:17px;background-position:10px;background-repeat:no-repeat;padding-left:30px}
.detailProduit .stock_bientot_0{border:2px solid #ee5a56;display:inline-block;padding:1px 10px;border-radius:20px;color:#ee5a56;font-size:14px;margin-bottom:20px}
.detailProduit{display:flex;width:100%;background-color:#fff}
.detailProduit > div{margin:20px 10px;flex:1}
.detailProduit div.description{line-height:24px;border-bottom:1px solid #ddd;padding-bottom:30px;margin-top:40px}
.detailProduit ul.options li{background: url(../images/script/check-vert.png) left 0px / 32px no-repeat;padding:3px 0 0 32px;height:32px}
.livraison_possible_via{margin-bottom:100px}
.detailProduit ul.social{margin:30px}
.detailProduit ul.social li{display:inline-block;margin-right:15px}
.detailProduit ul.social svg{height:30px;width:30px}
.detailProduit ul.social .fond{fill:#bbb}
.detailProduit ul.social svg.facebook:hover .fond{fill:#3B5998}
.detailProduit ul.social svg.twitter:hover .fond{fill:#55ACEE}
.detailProduit ul.social svg.googleplus:hover .fond{fill:#E02F2F}
.detailProduit ul.social svg.linkedin:hover .fond{fill:#007BB5}
.detailProduit ul.social svg.instagram:hover .fond{fill:#316699}
.detailProduit ul.social svg.pinterest:hover .fond{fill:#cb2027}
/* selection quantité */
#choixquantite{width:133px;position:relative;margin:10px 5px}
/* aussi dans couleur.principale.css */
#choixquantite > .retirer,
#choixquantite > .ajouter{position:absolute;height:34px;width:42px;border-radius:4px;text-align:center;font-size:31px;color:#fff;cursor:pointer;line-height:1;transition:0.2s}
#choixquantite > .retirer{top:3px;left:3px}
#choixquantite > .ajouter{top:3px;right:3px}
/* aussi dans couleur.principale.css */
#choixquantite > .retirer:hover,
#choixquantite > .ajouter:hover{color:white}
#choixquantite > .quantite{text-align:center;padding-left:0;padding-right:0;width:inherit;font-size:20px;height:40px;margin:0}
#tab-description ul{padding-left:25px}
/*#tab-description ul li{list-style:inside disc}*/
#jq_config{display:none}
#div_variations{border:1px solid #ddd;cursor:pointer;margin-bottom:20px}
#variations{display:none;box-shadow:inset 0 2px 3px -2px;background-color:#f9f9f9;border-radius:6px}
#variations *{color:#444}
#vars_titre{padding:9px}
#div_variations{border-radius:7px}
#variations > div{padding:11px}
#variations > div:hover,
#variations > div.selected{background-color:#e3e3e3;border-radius:6px}
#variations i{font-size:80%;color:#333;float:right;margin-right:5px}
.couleur_variation{width:12px;height:12px;display:inline-block;border-radius:50%;margin-right:5px}
h1 .promo{top:-18px !important;left:1px !important}
#tab-questions .question > p:nth-child(1){font-weight:bold}
#tab-questions .question{margin-bottom:50px}
.nous_contacter li{display:flex;flex-direction:column;align-items:center;margin-bottom:72px;text-align:center}
/* aussi dans couleur.principale.css */
.nous_contacter svg{height:136px}
.nous_contacter span{font-size:20px;color:#333}
.qrcode{max-width:100%}
.afficher_dans_10_secondes{visibility:hidden;animation-name:afficher_dans_10_secondes;animation-delay:10s;animation-fill-mode:forwards}
@keyframes afficher_dans_10_secondes{100%{visibility:visible}}
.telephone{display:none!important}
.pc{display:block!important}
/* MOBILES & TABLETTES */
@media only screen and (max-width:1000px){
	textarea{width:-moz-available}
	.flex,.flexmenu{flex-wrap:wrap}
	.flexmenu > div:nth-child(1){margin-right:0}
	.contenuMenu{width:100%}
	.contenuCoteMenu{width:100%}
	#caddie2 #header_caddie[data-charge=on]{position:fixed;	left:0}
	#header_caddie > .articles{margin:0 auto}
	/* produit */
	.detailProduit{flex-wrap:wrap}
	.detailProduit .titre{font-size:23px}
	.detailProduit > div{margin:unset}
	.detailProduit .gauche{min-width:100%}
	.detailProduit .gauche > .image{height:300px}
	.detailProduit .droite{background:#fff;	z-index:1}
	.tabs li{margin-right:0;	width:100%}
	#fonctions{flex-wrap:wrap}
	#fonctions > div{width:100%}
	#categories2{display:none}
	#barre{justify-content:center}
	#icones2{margin:40px 0 0}
}
@media only screen and (max-width:740px){
	/* produits grille */
	.produits-grille .produit{width:100%}
	/* produits liste */
	.produits-liste .flex-fiche{flex-wrap:wrap}
	.produits-liste .image{height:298px;	margin:0 auto;	width:100%}
	.produits-liste .prix{margin:20px 20px 165px 0}
	.produits-liste .affichage-rapide{position:absolute;	bottom:95px;	left:20px}
	.produits-liste .ajouter_caddie{position:absolute;	bottom:20px;	left:20px}
	.telephone{display:block!important}
	.pc{display:none!important}
	#logo2 span{font-size:40px}
}
@media only screen and (max-width:500px){
	#recherche2 > input:nth-child(1){width:100%}
	#recherche2{flex-wrap:wrap}
	#rechercher_dans > div:nth-child(1){width:unset}
	#jq_rechercher{border-radius:1px;	width:100%}
	#rechercher_dans{width:50%}
	#barre_du_haut > div:nth-child(1){justify-content:center}
	#barre_du_haut > div:nth-child(1) > span{width:100%;	text-align:center}
	#menu_haut > li{display:block}
	#menu_haut > li > a{border-right:none}
	#menu_haut{text-align:center}
	#tri-type{height:unset;	flex-wrap:wrap}
	.tri{margin:10px 0;	width:100%}
	.jq_selecteur_tri{width:100% !important}
	.produits-grille .affichage-rapide,.produits-grille .ajouter_caddie{visibility:visible}
	.produits-grille .ajouter_caddie{visibility:visible}
	div.commentaire{flex-direction:column}
	div.commentaire > div:nth-child(2){padding-left:0}
	div.notation > div{margin:30px 3px;display:block}
}
@media only screen and (max-width:400px){/* produits liste */
	.produits-liste .ajouter_caddie{font-size:15px}
	.tri select{width:100%}
	#header_caddie > .articles{width:100%}
}
/*pour les erreurs PHP et contrer le font size 1*/
.xdebug-error *{font-size:20px}