/*
1.6.4 : ajout des codes promo
1.6.5 : ajout des réseaux en footer
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { padding:0; border:0; outline:0; font-size:100%; background:transparent; -moz-text-size-adjust:none; -webkit-text-size-adjust:none; -ms-text-size-adjust:none; text-size-adjust:none; }

html, body { height:100%; margin:0px; padding:0px; font:normal 17px 'function','arial','Tahoma','Sans-serif'; background-color:#FFFFFF; color:#2F2F2F;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; margin:0; }

@font-face { font-family:'function'; src:url('../fonts/function-book/function-book.eot'); src:url('../fonts/function-book/function-book.eot?#iefix') format('embedded-opentype'), url('../fonts/function-book/function-book.woff') format('woff'), url('../fonts/function-book/function-book.ttf') format('truetype'), url('../fonts/function-book/function-book.svg#function-book') format('svg'); font-weight:normal; font-style:normal; }
@font-face { font-family:'function'; src:url('../fonts/function-bold/function-bold.eot'); src:url('../fonts/function-bold/function-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/function-bold/function-bold.woff') format('woff'), url('../fonts/function-bold/function-bold.ttf') format('truetype'), url('../fonts/function-bold/function-bold.svg#function-bold') format('svg'); font-weight:bold; font-style:normal; }
@font-face { font-family:'cocogoose'; src:url('../fonts/cocogoose-light/cocogoose-light.eot'); src:url('../fonts/cocogoose-light/cocogoose-light.eot?#iefix') format('embedded-opentype'), url('../fonts/cocogoose-light/cocogoose-light.woff') format('woff'), url('../fonts/cocogoose-light/cocogoose-light.ttf') format('truetype'), url('../fonts/cocogoose-light/cocogoose-light.svg#cocogoose-light') format('svg'); font-weight:normal; font-style:normal; }
@font-face { font-family:'cocogoose'; src:url('../fonts/cocogoose-bold/cocogoose-bold.eot'); src:url('../fonts/cocogoose-bold/cocogoose-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/cocogoose-bold/cocogoose-bold.woff') format('woff'), url('../fonts/cocogoose-bold/cocogoose-bold.ttf') format('truetype'), url('../fonts/cocogoose-bold/cocogoose-bold.svg#cocogoose-bold') format('svg'); font-weight:bold; font-style:normal; }
@font-face { font-family:'acmo-display'; src:url('../fonts/acmo-display/acmo-display.eot'); src:url('../fonts/acmo-display/acmo-display.eot?#iefix') format('embedded-opentype'), url('../fonts/acmo-display/acmo-display.woff') format('woff'), url('../fonts/acmo-display/acmo-display.ttf') format('truetype'), url('../fonts/acmo-display/acmo-display.svg#acmo-display') format('svg'); font-weight:bold; font-style:normal; }
@font-face { font-family:'bison-bold'; src:url('../fonts/bison-bold/bison-bold.eot'); src:url('../fonts/bison-bold/bison-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/bison-bold/bison-bold.woff') format('woff'), url('../fonts/bison-bold/bison-bold.ttf') format('truetype'), url('../fonts/bison-bold/bison-bold.svg#bison-bold') format('svg'); font-weight:normal; font-style:normal; }
@font-face { font-family:'angelface'; src:url('../fonts/angelface/angelface.eot'); src:url('../fonts/angelface/angelface.eot?#iefix') format('embedded-opentype'), url('../fonts/angelface/angelface.woff') format('woff'), url('../fonts/angelface/angelface.ttf') format('truetype'), url('../fonts/angelface/angelface.svg#angelface') format('svg'); font-weight:normal; font-style:normal; }
@font-face { font-family:'monofonto'; src:url('../fonts/monofonto/monofonto.eot'); src:url('../fonts/monofonto/monofonto.eot?#iefix') format('embedded-opentype'), url('../fonts/monofonto/monofonto.woff') format('woff'), url('../fonts/monofonto/monofonto.ttf') format('truetype'), url('../fonts/monofonto/monofonto.svg#monofonto') format('svg'); font-weight:normal; font-style:normal; }

a { color:#EB1E83; }
a:link, a:visited { text-decoration:underline; }
a:hover, a:active { text-decoration:none; }
a:active, a:focus{ outline:none; }

div#conteneur { width:100%; background-color:#FFFFFF; text-align:center; /*margin-bottom:120px;*/ /*min-height:600px;*/ }

@media (max-width:1080px) {
   div#conteneur { margin-bottom:100px; }
}

@media (max-width:780px) {
   div#conteneur { margin-bottom:80px; }
}

@media (max-width:600px) {
   div#conteneur { margin-bottom:60px; }
}

@media (max-width:480px) {
   div#conteneur { margin-bottom:40px; }
}

#overlay, #overlaybis { position:fixed; z-index:100; left:0px; top:0px; right:0px; bottom:0px; background:rgba(255,255,255,0); display:none; overflow:hidden; }
#overlaybis { z-index:101; }
#overlay.blanche { background:#FFFFFF; }
#overlay.noire   { background:#000000 url('../images/carte-fidelite-fond.svg') no-repeat; background-size:cover; background-position:center center; }
#overlay.opacite, #overlaybis.opacite { background:rgba(0,0,0,0.67); }
#overlay.opacite2 { background:rgba(255, 255, 255, 0.67); }
#overlayclose, #overlayclosepopup { position:fixed; z-index:100; right:-22px; top:-22px; width:67px; height:67px; border-radius:50%; background:linear-gradient(45deg, rgb(242, 242, 242) 0%, rgb(236, 236, 236) 50%); box-shadow:1px 0px 4px rgba(0,0,0,0.50) inset; cursor:pointer; }
#overlayclosepopup { position:absolute; z-index:101; }
#overlayclose::before, #overlayclosepopup::before { content:''; position:absolute; left:15px; top:27px; width:24px; height:24px; border-radius:3px; border:solid 1px #C60664; background:#EB1E83 url('../images/message-error.svg') no-repeat center center; background-size:70%; box-shadow:2px 2px 5px rgba(0, 0, 0, 0.38); cursor:pointer; }
#popup { position:fixed; overflow:hidden; z-index:100; left:50%; top:50%; background:#FFFFFF; border:solid 1px rgba(0,0,0,0.50); box-shadow:0 3px 7px rgba(0,0,0,0.50); text-align:center; }
#popup-chargement { position:absolute; left:50%; top:50%; margin-left:-100px; margin-top:-100px; height:200px; width:200px; background:url('../images/chargement-actus.svg') no-repeat; background-size:100%; }
#bouton-popup-annuler { position:absolute; cursor:pointer; user-select:none; bottom:10px; left:10px; width:130px; border-radius:4px; color:#FFFFFF; padding:5px 0 4px 0; background:#2F2F2F; font-weight:bold; }
#bouton-popup-confirmer { position:absolute; cursor:pointer; user-select:none; bottom:10px; right:10px; width:130px; border-radius:4px; color:#FFFFFF; padding:5px 0 4px 0; background:#EB1E83; font-weight:bold; }
#accueil-text { padding-top:33px; }
#popup-accueil { position:fixed; left:50%; top:50%; overflow:hidden; }
#popup-accueil img { width:100%; }
#popup-site-internet, #popup-commande { position:relative; padding:10px 20px 10px 50px; margin:10px auto 0px auto; background:#737373; text-decoration:none; color:#FFFFFF; border-radius:4px; font-weight:bold; display:inline-block; cursor:pointer; }
#popup-site-internet::after, #popup-commande::after { content:''; position:absolute; left:15px; top:50%; margin-top:-12px; width:24px; height:24px; background:url('../images/bouton-panier.svg') no-repeat; background-size:100%; }
#popup-site-internet::after { background:url('../images/misscookies.com.svg') no-repeat; background-size:100%; }
#popup-site-internet:hover, #popup-commande:hover { background-color:#EB1E83; color:#FFFFFF; }

header { position:fixed; z-index:15; left:0; top:0; width:100%; height:50px; }
header.scroll-header, header.scroll-header-fixed { border-bottom:solid 1px #FFFFFF; box-shadow:0px 2px 11px rgba(0,0,0,0.5); }
header.fixed { border-bottom:solid 1px #FFFFFF; background:#000000 url('../images/background-ardoise.jpg'); box-shadow:0 20px 30px 10px rgba(0,0,0,0.50) inset; }

   #logo-miss-cookies { cursor:pointer; border-radius:50%; background:#FFFFFF; padding:0px; position:absolute; z-index:16; width:70px; height:70px; left:25px; top:10px; padding:4px 6px 7px 6px; box-shadow:0px 2px 11px rgba(0,0,0,0.5); }
   #logo-miss-cookies #logo { vertical-align:middle; width:70px; height:70px; }
   #logo-miss-cookies span { position:absolute; padding:16px 10px 10px 10px; left:90px; top:-11px; color:#FFFFFF; font-size:17px; text-transform:uppercase; font-weight:bold; }
   #logo-miss-cookies:hover span { text-shadow:0px 1px 5px rgba(0,0,0,0.8), 0px 1px 5px rgba(0,0,0,0.8); }
   #logo-miss-cookies:hover span::before { content:''; position:absolute; left:0; bottom:4px; height:1px; width:100%; background:#FFFFFF; box-shadow:0px 2px 5px rgba(0,0,0,0.8); }
   nav#menu-principal { position:absolute; right:10px; z-index:16; }
   nav#menu-principal ul { list-style:none; padding:0; margin:0 auto; }
   nav#menu-principal ul li { display:inline-block; position:relative; padding:0; }
   nav#menu-principal ul li a { position:relative; text-transform:uppercase; font-size:17px; font-weight:bold; color:#FFFFFF; display:block; padding:16px 10px 10px 10px; margin:0 15px; letter-spacing:0px; text-decoration:none; text-shadow:0px 0px 5px rgba(0,0,0,0.8); }
   nav#menu-principal ul li.selectionne a { text-shadow:0px 1px 5px rgba(0,0,0,0.8), 0px 1px 5px rgba(0,0,0,0.8); }
   nav#menu-principal ul li.selectionne a:hover { color:#FFFFFF; }
   nav#menu-principal ul li.selectionne a::before { content:''; position:absolute; left:0; bottom:4px; height:1px; width:100%; background:#FFFFFF; box-shadow:0px 2px 5px rgba(0,0,0,0.8); }
   nav#menu-principal ul li a:hover { text-shadow:0px 1px 5px rgba(0,0,0,0.8), 0px 1px 5px rgba(0,0,0,0.8); }
   nav#menu-principal ul li a:hover::before { content:''; position:absolute; left:0; bottom:4px; height:1px; width:100%; background:#FFFFFF; box-shadow:0px 2px 5px rgba(0,0,0,0.8); }
   nav#menu-principal ul li.commander a, nav.menu-principal ul li.commander a:hover { padding-right:35px; }
   nav#menu-principal ul li.compte a, nav.menu-principal ul li.compte a:hover { padding-right:35px; }
   nav#menu-principal ul li.commander a::after { content:''; position:absolute; right:5px; top:12px; background:url('../images/bouton-panier.svg'); background-size:100%; width:24px; height:24px; }
   nav#menu-principal ul li.compte a::after { content:''; position:absolute; right:5px; top:12px; background:url('../images/bouton-compte3.svg'); background-size:100%; width:24px; height:24px; }
   nav#menu-principal ul li.priorite0 { display:none; }
   
   nav#menu-mobile { position:absolute; z-index:17; top:40px; right:5px; width:200px; display:none; }
   nav#menu-mobile #menu-mobile-icon { position:absolute; z-index:7; right:5px; top:-30px; z-index:16; background:none; height:20px; width:20px; cursor:pointer; }
   nav#menu-mobile #menu-mobile-icon::before, nav#menu-mobile #menu-mobile-icon::after { content:''; position:absolute; z-index:7; left:0px; top:16px; background:#FFFFFF; height:4px; width:20px; border-radius:1px; cursor:pointer; -webkit-transition:0.6s ease; transition:0.6s ease; }
   nav#menu-mobile #menu-mobile-icon::before { top:0px; box-shadow:#FFFFFF 0 8px 0 0; }
   nav#menu-mobile #menu-mobile-icon.menu-mobile-icon-active::before { box-shadow:transparent 0 0 0 0; top:8px; -webkit-transform:rotate(225deg); -ms-transform:rotate(225deg); transform:rotate(225deg); width:24px; }
   nav#menu-mobile #menu-mobile-icon.menu-mobile-icon-active::after { top:8px; -webkit-transform:rotate(315deg); -ms-transform:rotate(315deg); transform:rotate(315deg); width:24px; }
   nav#menu-mobile ul { display:none; list-style:none; padding:0; margin:0; box-shadow:0px 2px 11px rgba(0,0,0,0.5); background:rgba(0,0,0,0.7); }
   nav#menu-mobile ul li { }
   nav#menu-mobile ul li a { position:relative; display:block; visibility:hidden; opacity:0; padding:10px 5px 10px 25px; margin:0; border-top:solid 1px #FFFFFF; text-align:left; font-size:15px; font-weight:bold; line-height:13px; text-transform:uppercase; text-decoration:none; color:#FFFFFF; text-shadow:1px 1px 5px rgba(0,0,0,0.5), 1px -1px 5px rgba(0,0,0,0.5), -1px 1px 5px rgba(0,0,0,0.5), -1px -1px 5px rgba(0,0,0,0.5); }
   nav#menu-mobile ul li.selectionne a::before { content:''; position:absolute; left:12px; top:13px; width:7px; height:7px; border-radius:50%; background:#FFFFFF;  }
   nav#menu-mobile ul li a:hover { color:#000; text-shadow:1px 1px 1px rgb(255,255,255), 1px -1px 1px rgb(255,255,255), -1px 1px 1px rgb(255,255,255), -1px -1px 1px rgb(255,255,255), 1px 1px 1px rgb(255,255,255), 1px -1px 1px rgb(255,255,255), -1px 1px 1px rgb(255,255,255), -1px -1px 1px rgb(255,255,255), 1px 1px 1px rgb(255,255,255), 1px -1px 1px rgb(255,255,255), -1px 1px 1px rgb(255,255,255), -1px -1px 1px rgb(255,255,255); }
   
   #bloc-panier, #bloc-panier-avatar { position:absolute; width:317px; right:10px; top:3px; border:dashed 1px #FFFFFF; color:#FFFFFF; padding:0px; background:rgba(0,0,0,0.50); }
   #bloc-panier-avatar { width:223px; }
   #bloc-panier a, #bloc-panier-avatar a { text-shadow:none; }
   #bloc-panier-titre, #bloc-panier-titre-avatar { float:left; margin-right:4px; padding:0 0 0 3px; width:214px; }
   #bloc-panier-titre-avatar { width:139px; }
   #bloc-panier-magasin-titre, #bloc-panier-magasin-titre-avatar { position:relative; display:flex; align-items:center; height:41px; }
   #infos-magasin { position:relative; padding-left:26px; text-align:left; font-size:15px; font-weight:bold; }
   #infos-surplace-emporte { position:absolute; left:0px; top:50%; margin-top:-13px; width:24px; height:24px; }
   #infos-surplace-emporte.aemporter, #infos-surplace-emporte.enlivraison { background:url('../images/bouton-livraison-emporter.svg') no-repeat; background-size:100%; }
   #infos-surplace-emporte.surplace { background:url('../images/bouton-livraison-sur-place.svg') no-repeat; background-size:100%; }
   /*#carte-fidelite-raccourci { position:absolute; left:-98px; top:-1px; width:41px; height:41px; cursor:pointer; background:rgba(0,0,0,0.50) url('../images/carte-fidelite-raccourci.png') no-repeat center center; background-size:90%; border:dashed 1px #FFFFFF; }*/
   #carte-fidelite-raccourci { position:absolute; left:-51px; top:-1px; width:41px; height:41px; cursor:pointer; background:rgba(0,0,0,0.50) url('../images/carte-fidelite-raccourci.png') no-repeat center center; background-size:90%; border:dashed 1px #FFFFFF; }
   /*#avatar-raccourci { position:absolute; left:-51px; top:-1px; width:41px; height:41px; cursor:pointer; border:dashed 1px #FFFFFF; display:flex; align-items:center; text-align:center; justify-content:center; background:rgba(0,0,0,0.50); }*/
   /*#avatar-raccourci img { max-width:90%; max-height:90%; display:block; margin:0 auto; }*/
   #carte-fidelite-raccourci .infobulle, #avatar-raccourci .infobulle { visibility:hidden; width:120px; background-color:#EB1E83; color:#FFFFFF; text-align:center; padding:5px 0; border-radius:6px; position:absolute; z-index:1; width: 120px; top:52px; left:50%; margin-left:-60px; }
   #carte-fidelite-raccourci:hover .infobulle, #avatar-raccourci:hover .infobulle { visibility:visible; }
   #carte-fidelite-raccourci .infobulle::after, #avatar-raccourci .infobulle::after { content:''; position:absolute; bottom:100%; left:50%; margin-left:-5px; border-width:5px; border-style:solid; border-color:transparent transparent #EB1E83 transparent; }
   #bloc-panier-synthese { float:left; margin-top:3px; }
   #bloc-panier-icon { position:relative; display:inline-block; cursor:pointer; width:32px; height:32px; float:left; margin-top:3px; margin-right:10px; }
   #bloc-panier-icon-image { position:absolute; cursor:pointer; background:url('../images/bouton-panier.svg'); left:0; top:0px; width:32px; height:32px; background-size:100%; z-index:4; }
   #bloc-panier-nb-articles { position:absolute; background:#EB1E83; text-shadow:none; font-size:12px; color:#FFFFFF; font-family:'acmo-display'; width:18px; text-align:center; padding:2px 0 0px 0; border-radius:50%; left:28px; top:-4px; z-index:5; }
   #bloc-panier-montant { position:relative; display:inline-block; font-size:21px; position:relative; font-family:acmo-display; padding-top:10px; }
   #bloc-panier-montant .decimal { font-size:13px; line-height:16px; position:relative; }
   #bloc-panier-montant .decimal span { position:absolute; right:4px; top:-11px; font-size:11px; font-family:cocogoose; font-weight:bold; }
   #bloc-panier #bloc-panier-open, #bloc-panier-avatar #bloc-panier-open { position:absolute; z-index:7; right:5px; top:10px; z-index:16; background:none; height:20px; width:20px; cursor:pointer; }
   #bloc-panier #bloc-panier-open::before, #bloc-panier #bloc-panier-open::after, #bloc-panier-avatar #bloc-panier-open::before, #bloc-panier-avatar #bloc-panier-open::after { content:''; position:absolute; z-index:7; left:0px; top:16px; background:#FFFFFF; height:4px; width:20px; border-radius:1px; cursor:pointer; -webkit-transition:0.6s ease; transition:0.6s ease; }
   #bloc-panier #bloc-panier-open::before, #bloc-panier-avatar #bloc-panier-open::before { top:0px; box-shadow:#FFFFFF 0 8px 0 0; }
   #bloc-panier #bloc-panier-open.bloc-panier-open-active::before, #bloc-panier-avatar #bloc-panier-open.bloc-panier-open-active::before { box-shadow:transparent 0 0 0 0; top:8px; -webkit-transform:rotate(225deg); -ms-transform:rotate(225deg); transform:rotate(225deg); width:24px; }
   #bloc-panier #bloc-panier-open.bloc-panier-open-active::after, #bloc-panier-avatar #bloc-panier-open.bloc-panier-open-active::after { top:8px; -webkit-transform:rotate(315deg); -ms-transform:rotate(315deg); transform:rotate(315deg); width:24px; }
   #bloc-panier-fidelite { font-size:13px; line-height:15px; }
   #bloc-panier-fidelite span { font-family:'acmo-display'; font-size:16px; color:#EB1E83; text-shadow:1px 1px 1px #FFFFFF, 1px -1px 1px #FFFFFF, -1px 1px 1px #FFFFFF, -1px -1px 1px #FFFFFF, 1px 1px 1px #FFFFFF, 1px -1px 1px #FFFFFF, -1px 1px 1px #FFFFFF, -1px -1px 1px #FFFFFF; }
   #bloc-panier-fidelite .centimes { font-size:11px; }
   #bloc-panier #bloc-panier-open, #bloc-panier-avatar #bloc-panier-open { position:absolute; z-index:7; right:5px; top:10px; z-index:16; background:none; height:20px; width:20px; cursor:pointer; }
   
   #bloc-panier-detail { position:absolute; background-color:rgba(0,0,0,0.7); width:317px; right:-1px; top:50px; border:dashed 1px #FFFFFF; min-height:20px; text-align:center; display:none; box-shadow:0px 2px 11px rgba(0,0,0,0.5); }
   #bloc-panier-derniere-commande { position:relative; background:#FFFFFF; border-radius:4px; display:inline-block; padding:4px 8px 4px 33px; color:#2F2F2F; text-decoration:none; font-size:17px; }
   #bloc-panier-derniere-commande::after { content:''; position:absolute; left:6px; top:3px; width:22px; height:22px; background:url('../images/fichier-commande.svg'); background-size:100%; }
   #bloc-panier-derniere-commande-code-retrait { padding-top:7px; }
   #bloc-panier-derniere-commande-code-retrait span { display:inline-block; padding:3px 7px 2px 11px; background:rgba(255,255,255,0.62); border:solid 4px #FF0000; color:#FF0000; font-size:38px; line-height:35px; font-family:'monofonto'; letter-spacing:4px; text-shadow:1px 1px 1px #FFFFFF, -1px -1px 1px #FFFFFF, -1px 1px 1px #FFFFFF, 1px -1px 1px #FFFFFF, 2px 2px 2px #FFFFFF, -2px -2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, 2px -2px 2px #FFFFFF; box-shadow:1px 1px 1px #FFFFFF, -1px -1px 1px #FFFFFF, -1px 1px 1px #FFFFFF, 1px -1px 1px #FFFFFF, 2px 2px 2px #FFFFFF, -2px -2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, 2px -2px 2px #FFFFFF, 1px 1px 1px #FFFFFF inset, -1px -1px 1px #FFFFFF inset, -1px 1px 1px #FFFFFF inset, 1px -1px 1px #FFFFFF inset, 2px 2px 2px #FFFFFF inset, -2px -2px 2px #FFFFFF inset, -2px 2px 2px #FFFFFF inset, 2px -2px 2px #FFFFFF inset; }
   #bloc-panier-detail a { box-shadow:0px 2px 11px rgba(0,0,0,0.5); line-height:20px; }
   #bloc-panier-contenu { padding:8px 10px 10px 10px; }
   .bloc-panier-partie { position:relative; min-height:20px; }
   .bloc-panier-partie:after { content:''; clear:both; display:block; }
   hr.bloc-panier-separation { position:relative; width:90%; height:0px; border:none; border-top:dashed 1px #FFFFFF; margin:10px auto 7px auto; clear:both; }
   .bloc-panier-titre-partie { position:relative; margin:0; padding:0 0 6px 0; line-height:17px; text-shadow:1px 1px 5px rgb(0,0,0), 1px -1px 5px rgb(0,0,0), -1px 1px 5px rgb(0,0,0), -1px -1px 5px rgb(0,0,0); }
   #recap-niveau-points { position:relative; line-height:17px; font-size:17px; margin-bottom:5px; cursor:pointer; background:rgba(255,255,255,0.20); min-height:18px; padding:5px 5px 5px 30px; display:block; border:dotted 1px #FFFFFF; }
   #recap-niveau-points::before { content:''; position:absolute; left:5px; top:50%; margin-top:-8px; width:16px; height:16px; background:url('../images/bouton-refresh3.svg') no-repeat; background-size:100%; }
   #recap-niveau-points span.valeur { color:#EB1E83; letter-spacing:-0.5px; font-weight:bold; font-family:cocogoose; text-shadow:1px 1px 1px rgb(255,255,255), 1px -1px 1px rgb(255,255,255), -1px 1px 1px rgb(255,255,255), -1px -1px 1px rgb(255,255,255), 1px 1px 1px rgb(255,255,255), 1px -1px 1px rgb(255,255,255), -1px 1px 1px rgb(255,255,255), -1px -1px 1px rgb(255,255,255), 1px 1px 1px rgb(255,255,255), 1px -1px 1px rgb(255,255,255), -1px 1px 1px rgb(255,255,255), -1px -1px 1px rgb(255,255,255); }
   #recap-niveau-points span.double-lignes { display:inline-block; font-size:8px; line-height:8px; text-align:left; }
   #recap-niveau-points small { height:20px; width:0px; border:none; border-left:dotted 1px #FFFFFF; margin:0 10px; }
   #chargement-niveau-points { position:absolute; height:20px; width:100px; left:50%; top:50%; margin-left:-50px; margin-top:-10px; background:url('../images/chargement-fichier.svg'); background-size:100%; }
   #bloc-panier-produits { position:relative; background:#FFFFFF; border-radius:4px; display:inline-block; padding:4px 8px 4px 33px; color:#2F2F2F; text-decoration:none; font-size:17px; }
   #bloc-panier-produits::after { content:''; position:absolute; left:6px; top:3px; width:22px; height:22px; background:url('../images/bouton-boutique-en-ligne2.svg'); background-size:100%; }
   #bloc-panier-compte { position:relative; background:#FFFFFF; border-radius:4px; display:inline-block; padding:3px 8px 3px 33px; color:#2F2F2F; text-decoration:none; font-size:17px; float:left; }
   #bloc-panier-compte::after { content:''; position:absolute; left:2px; top:0px; width:26px; height:26px; background:url('../images/bouton-compte.svg'); background-size:100%; }
   #bloc-panier-se-deconnecter, #bloc-panier-se-connecter { position:relative; background:#FFFFFF; border-radius:4px; display:inline-block; padding:3px 41px 3px 8px; color:#2F2F2F; text-decoration:none; font-size:17px; float:right; }
   #bloc-panier-se-deconnecter::after, #bloc-panier-se-connecter::after { content:''; position:absolute; right:8px; top:0px; width:26px; height:26px; background:url('../images/bouton-se-deconnecter.svg'); background-size:100%; }
   #bloc-panier-se-connecter::after { background-image:url('../images/bouton-se-connecter.svg'); }
   #bloc-panier-magasin { position:relative; background:#EB1E83; border-radius:4px; display:inline-block; padding:3px 10px 3px 10px; margin-left:29px; color:#FFFFFF; text-decoration:none; font-size:17px; }
   #bloc-panier-magasin::before { content:''; position:absolute; left:-31px; top:0px; width:26px; height:26px; background:url('../images/bouton-pin.svg'); background-size:100%; }
   #bloc-panier-retrait-commande { margin:10px auto; }
   #bloc-panier-retrait-commande span { position:relative; cursor:pointer; border-radius:4px; display:inline-block; padding:3px 8px 3px 32px; color:#FFFFFF; text-decoration:none; border:solid 1px rgba(255,255,255,0.50); box-shadow:0 0 15px 15px rgba(0,0,0,0.50) inset; }
   #bloc-panier-retrait-commande span#bloc-panier-retrait-surplace { margin-right:8px; }
   #bloc-panier-retrait-commande span#bloc-panier-retrait-surplace { margin-right:8px; }
   #bloc-panier-retrait-commande span.selectionne { background:#EB1E83; border:solid 1px #EB1E83; text-shadow:none; box-shadow:none; }
   #bloc-panier-retrait-commande span::before { content:''; position:absolute; left:8px; top:2px; width:20px; height:20px; }
   #bloc-panier-retrait-commande span#bloc-panier-retrait-surplace::before { background:url('../images/bouton-livraison-sur-place.svg'); background-size:100%; }
   #bloc-panier-retrait-commande span#bloc-panier-retrait-aemporter::before, #bloc-panier-retrait-commande span#bloc-panier-retrait-enlivraison::before { background:url('../images/bouton-livraison-emporter.svg'); background-size:100%; }
   #bloc-panier-panier { position:relative; background:#FFFFFF; border-radius:4px; display:inline-block; padding:3px 8px 3px 37px; color:#2F2F2F; text-decoration:none; font-size:17px; float:left; }
   #bloc-panier-panier::after { content:''; position:absolute; left:8px; top:2px; width:22px; height:22px; background:url('../images/bouton-panier2.svg'); background-size:100%; }
   #bloc-panier-commander { position:relative; background:#EB1E83; border-radius:4px; display:inline-block; padding:3px 37px 3px 8px; color:#FFFFFF; text-decoration:none; font-size:17px; float:right; }
   #bloc-panier-commander::after { content:''; position:absolute; right:8px; top:2px; width:22px; height:22px; background:url('../images/bouton-commander.svg'); background-size:100%; }

@media (max-width:1385px) {
   nav#menu-principal ul li a { margin:0 5px; }
}

@media (max-width:1150px) {
   nav#menu-principal ul li a { padding:16px 5px 10px 5px; }
}

@media (max-width:1075px) {
   nav#menu-principal ul li a { font-size:15px; padding:17px 5px 10px 5px; }
}

@media (max-width:995px) {
   nav#menu-principal ul li.commander a { height:2px; }
   nav#menu-principal ul li.commander a span { display:none; }
   nav#menu-principal ul li.commander a, nav.menu-principal ul li.commander a:hover { padding-right:24px; width:0px; }
   nav#menu-principal ul li.commander a:hover::before { bottom:-9px; }
   nav#menu-principal ul li.commander a::after { right:5px; }
   nav#menu-principal ul li.compte a { height:2px; }
   nav#menu-principal ul li.compte a span { display:none; }
   nav#menu-principal ul li.compte a, nav.menu-principal ul li.compte a:hover { padding-right:24px; width:0px; }
   nav#menu-principal ul li.compte a:hover::before { bottom:-9px; }
   nav#menu-principal ul li.compte a::after { right:5px; }
}

@media (max-width:820px) {
   header.header-site { height:40px; }
   header.header-site #logo-miss-cookies { width:50px; height:50px; left:5px; top:5px; padding:3px 4px 5px 4px; box-shadow:0px 2px 6px rgba(0,0,0,0.5); }
   header.header-site #logo-miss-cookies #logo { width:50px; height:50px; }
   nav#menu-principal ul { padding-right:30px; }
   nav#menu-principal ul li a { padding-top:13px; padding-left:7px; padding-right:7px; }
   nav#menu-principal ul li a:hover::before, nav#menu-principal ul li.selectionne a::before { bottom:7px; }
   nav#menu-principal ul li.commander a::after, nav#menu-principal ul li.compte a::after { top:7px; }
   nav#menu-principal ul li.priorite1 { display:none; }
   nav#menu-principal ul::after { content:''; position:absolute; z-index:7; width:20px; right:20px; height:24px; top:8px; }
   nav#menu-mobile { display:block; }
   nav#menu-mobile ul li.priorite2, nav#menu-mobile ul li.priorite3, nav#menu-mobile ul li.priorite4, nav#menu-mobile ul li.priorite5 { display:none; }
   #carte-fidelite-raccourci:hover .infobulle, #avatar-raccourci:hover .infobulle { visibility:hidden; }
}
@media (max-width:580px) {
   #logo-miss-cookies span { display:none; }
}

@media (max-width:475px) {
   header.header-boutique { height:40px; }
   header.header-boutique #logo-miss-cookies { width:50px; height:50px; left:5px; top:5px; padding:3px 4px 5px 4px; box-shadow:0px 2px 6px rgba(0,0,0,0.5); }
   header.header-boutique #logo-miss-cookies #logo { width:50px; height:50px; }
   #bloc-panier, #bloc-panier-avatar { width:241px; padding:0px 4px 0px 4px; }
   #bloc-panier-avatar { width:189px; padding-left:0px; }
   #bloc-panier-titre { width:158px; }
   #bloc-panier-titre-avatar { margin-right:5px; width:117px; }
   #bloc-panier-magasin-titre, #bloc-panier-magasin-titre-avatar { height:33px; font-size:15px; line-height:14px; }
   #carte-fidelite-raccourci { left:-80px; width:33px; height:33px; }
   #avatar-raccourci { left:-42px; width:33px; height:33px; }
   #infos-magasin { padding-left:22px; font-size:13px; }
   #infos-surplace-emporte { margin-top:-11px; width:20px; height:20px; }
   #bloc-panier-fidelite { line-height:14px; }
   #bloc-panier-icon { width:24px; height:24px; margin-top:3px; margin-right:18px; }
   #bloc-panier-icon-image { width:24px; height:24px; }
   #bloc-panier-libelle { line-height:16px; }
   #bloc-panier-montant { padding-top:7px; line-height:20px; }
   #bloc-panier-montant .devise { top:-2px; }
   #bloc-panier-nb-articles { left:20px; top:-4px; }
   #bloc-panier-fidelite { font-size:13px; line-height:13px; }
   #bloc-panier #bloc-panier-open, #bloc-panier-avatar #bloc-panier-open { top:7px; }
   #bloc-panier-detail { top:39px; width:269px; }
   #bloc-panier-detail a { line-height:14px; }
   #bloc-panier-detail a#bloc-panier-derniere-commande, #bloc-panier-detail a#bloc-panier-produits { border-radius:4px; padding:5px 10px 5px 36px; font-size:15px; }
   a#bloc-panier-derniere-commande::after, a#bloc-panier-produits::after { left:8px; top:2px; width:20px; height:20px; }
   #bloc-panier-derniere-commande-code-retrait span { padding:3px 4px 2px 7px; border:solid 3px #FF0000; font-size:28px; line-height:23px; letter-spacing:3px; }
   #bloc-panier-compte { border-radius:4px; padding:5px 7px 5px 26px; font-size:15px; }
   #bloc-panier-compte::after { left:2px; top:2px; width:20px; height:20px; }
   #bloc-panier-se-deconnecter, #bloc-panier-se-connecter { border-radius:4px; padding:5px 30px 5px 7px; font-size:15px; }
   #bloc-panier-se-deconnecter::after, #bloc-panier-se-connecter::after { right:6px; top:2px; width:20px; height:20px; }
   #bloc-panier-magasin { border-radius:4px; padding:5px 10px 5px 10px; margin-left:29px; font-size:15px; }
   #bloc-panier-magasin::before { left:-29px; top:0px; width:24px; height:24px; }
   #bloc-panier-retrait-commande { font-size:15px; }
   #bloc-panier-retrait-commande span { padding:3px 8px 3px 28px; }
   #bloc-panier-retrait-commande span::before { left:6px; top:3px; width:17px; height:17px; }
   #bloc-panier-panier { border-radius:4px; padding:3px 8px 3px 28px; font-size:13px; }
   #bloc-panier-panier::after { left:6px; top:2px; width:17px; height:17px; }
   #bloc-panier-commander { border-radius:4px; padding:3px 28px 3px 8px; font-size:13px; }
   #bloc-panier-commander::after { right:6px; top:2px; width:17px; height:17px; }
}

@media (max-width:660px) {
   nav#menu-principal ul li.priorite2 { display:none; }
   nav#menu-mobile ul li.priorite2 { display:block; }
   /*nav#menu-mobile ul:hover { height:136px; }*/
}
@media (max-width:550px) {
   nav#menu-principal ul li.priorite3 { display:none; }
   nav#menu-mobile ul li.priorite3 { display:block; }
   /*nav#menu-mobile ul:hover { height:170px; }*/
}
@media (max-width:475px) {
   nav#menu-principal ul li.priorite4 { display:none; }
   nav#menu-mobile ul li.priorite4 { display:block; }
   /*nav#menu-mobile ul:hover { height:238px; }*/
}

#accueil { position:relative; width:100%; height:100%; }
#accueil-background-image, #accueil-background-image-fond { position:absolute; z-index:2; width:100%; height:100%; left:0; top:0; background-size:cover; background-position:center center; }
#accueil-background-image::before { content:''; position:absolute; z-index:3; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.40); }
#accueil #accueil-logo { position:absolute; z-index:4; top:40%; left:50%; width:40%; margin-left:-20%; visibility:hidden; }
#accueil #accueil-logo img { width:100%; opacity:0.8; }
#accueil #accueil-logo #accueil-background-chargement { position:absolute; z-index:4; top:-15%; left:-15%; width:130%; height:130%; }
#accueil #commande-en-ligne { position:absolute; opacity:0.8; z-index:5; left:50%; bottom:15%; color:#FFFFFF; font-family:'bison-bold'; text-decoration:none; text-transform:uppercase; font-size:44px; margin-left:-214px; text-align:center; width:384px; border-radius:36px; border:solid 4px #FFFFFF; padding:4px 44px 1px 0; letter-spacing:1px; }
#accueil #commande-en-ligne::before { content:''; position:absolute; z-index:5; right:18px; top:10px; width:36px; height:36px; background:url('../images/bouton-panier.svg'); background-size:100%; }
#accueil #commande-en-ligne:hover { opacity:1; box-shadow:0px 2px 11px rgba(0,0,0,0.5); }
@media (max-width:800px) {
   #accueil #commande-en-ligne { font-size:34px; width:264px; margin-left:-152px; border-radius:30px; border:solid 3px #FFFFFF; padding:4px 38px 1px 0; }
   #accueil #commande-en-ligne::before { top:6px; width:30px; height:30px; }
}
@media (max-width:420px) {
   #accueil #commande-en-ligne { font-size:26px; width:210px; margin-left:-124px; border-radius:28px; border:solid 3px #FFFFFF; padding:5px 32px 3px 0; }
   #accueil #commande-en-ligne::before { top:6px; right:14px; width:26px; height:26px; }
}

#background { position:relative; z-index:3; font-size:0px; line-height:0px; }
.entete-image { position:relative; display:inline-block; width:25%; opacity:0.9; }
/*.entete-image:hover{ opacity:1; }*/
.entete-image img { width:100%; height:100%; }
#entete-image2:before, #entete-image3:before, #entete-image4:before { content:''; position:absolute; left:-1px; top:0; bottom:0px; width:3px; background:#FFFFFF; }
@media (max-width:760px) {
   .entete-image { width:50%; }
   #entete-image2:before, #entete-image4:before { content:''; position:absolute; left:-1px; top:0; bottom:0; width:3px; background:#FFFFFF; }
   #entete-image3:after, #entete-image4:after { content:''; position:absolute; left:0; right:0; top:-1px; height:3px; background:#FFFFFF; }
   #entete-image3:before { display:none; }
}
@media (max-width:660px) {
   #background { min-height:250px; }
}

#popup-carte-fidelite { position:absolute; left:50%; top:50%; text-align:center; background:#000000 url('../images/carte-fidelite-fond.svg') no-repeat; background-size:cover; background-position:center center; display:inline-block; margin:0; color:center; color:#FFFFFF; border-radius:20px; max-width:660px; padding:50px 40px 30px 40px; }
#popup-carte-fidelite-slogan { position:absolute; left:0%; right:0%; top:-70px; text-align:center; text-decoration:none; color:#FFFFFF; letter-spacing:2px; font-size:45px; font-family:'bison-bold'; background:#EB1E83; border-radius:38px; padding:5px 0 1px 0; }
#popup-carte-fidelite-titre { text-align:center; padding-bottom:30px; font-weight:bold; font-size:50px; }
#popup-carte-fidelite-prenom { position:relative; text-align:right; padding-top:20px; font-weight:bold; font-size:25px; }
#popup-carte-fidelite-points-expirent { position:absolute; left:0px; bottom:-18px; color:#000000; font-size:14px; font-style:italic; }
#popup-carte-fidelite-points-restants { position:absolute; overflow:hidden; left:0px; background:#EB1E83; padding:3px 12px 2px 12px; border-radius:5px; top:18px; font-size:21px; color:#FFFFFF; border:solid 2px #FFFFFF; }
#popup-carte-fidelite-points-restants span.scan { position:absolute; z-index:1; top:0px; left:-20%; background-color:#FFFFFF; background-image:linear-gradient(to right, rgba(235,30,131,1) 10%, rgba(235,30,131,0.1) 50%, rgba(235,30,131,1) 90%); height:100%; width:20%; animation:3s linear 0s infinite alternate scanpoints; }
#popup-carte-fidelite-points-restants span.texte { position:relative; z-index:2; }
@keyframes scanpoints { from { left:-50%; } to { left:130%; }  }
#popup-code-barre { position:relative; background:#FFFFFF; border-radius:20px; padding:20px; font-size:0; max-width:580px; text-align:center; margin:0 auto; display:inline-block; }
#popup-code-barre img { max-width:100%; }
#popup-carte-fidelite-inconnu { display:none; position:absolute; top:50%; left:50%; z-index:10; transform:rotate(-15deg); color:#FF0000; font-weight:bold; letter-spacing:2px; text-shadow:1px 1px 1px #FFFFFF, -1px -1px 1px #FFFFFF, -1px 1px 1px #FFFFFF, 1px -1px 1px #FFFFFF, 2px 2px 2px #FFFFFF, -2px -2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, 2px -2px 2px #FFFFFF; border:solid 5px #FF0000; box-shadow:1px 1px 1px #FFFFFF, -1px -1px 1px #FFFFFF, -1px 1px 1px #FFFFFF, 1px -1px 1px #FFFFFF, 2px 2px 2px #FFFFFF, -2px -2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, 2px -2px 2px #FFFFFF, 1px 1px 1px #FFFFFF inset, -1px -1px 1px #FFFFFF inset, -1px 1px 1px #FFFFFF inset, 1px -1px 1px #FFFFFF inset, 2px 2px 2px #FFFFFF inset, -2px -2px 2px #FFFFFF inset, -2px 2px 2px #FFFFFF inset, 2px -2px 2px #FFFFFF inset; }
#popup-carte-fidelite-inconnu.version1 { display:block; width:395px; margin-left:-199px; margin-top:-40px; font-size:80px; height:67px; line-height:68px; padding-top:4px; }
#popup-carte-fidelite-inconnu.version2 { display:block; width:299px; margin-left:-154px; margin-top:-31px; font-size:60px; height:49px; line-height:50px; }
#popup-carte-fidelite-inconnu.version3 { display:block; width:248px; margin-left:-129px; margin-top:-29px; font-size:50px; height:47px; line-height:50px; }
#popup-carte-fidelite-inconnu.version4 { display:block; width:191px; margin-left:-102px; margin-top:-23px; font-size:37px; height:37px; line-height:40px; padding-left:2px; }
@media screen and (max-width:700px) {
   #popup-carte-fidelite-slogan { top:-57px; font-size:36px; border-radius:23px; padding:5px 0 1px 0; }
   #popup-carte-fidelite-titre { padding-bottom:35px; font-size:40px; }
}
@media screen and (max-width:650px) {
   #popup-carte-fidelite-points-restants { padding:1px 6px 0px 6px; top:22px; font-size:17px; }
}
@media screen and (max-width:600px) {
   #popup-carte-fidelite { padding:40px 30px 20px 30px; }
   #popup-carte-fidelite-slogan { top:-50px; font-size:30px; border-radius:20px; padding:5px 0 1px 0; }
   #popup-carte-fidelite-titre { padding-bottom:30px; font-size:30px; }
   #popup-carte-fidelite-points-restants { top:22px; }
}
@media screen and (max-width:500px) {
   #popup-carte-fidelite { padding:40px 20px 20px 20px; border-radius:15px; }
   #popup-carte-fidelite-slogan { top:-42px; font-size:25px; border-radius:17px; padding:4px 0 2px 0; }
   #popup-carte-fidelite-prenom { font-size:21px; }
   #popup-carte-fidelite-points-restants { font-size:15px; top:21px; }
}
@media screen and (max-width:420px) {
   #popup-carte-fidelite-titre { padding-bottom:20px; }
   #popup-carte-fidelite-prenom { font-size:17px; }
   #popup-carte-fidelite-points-restants { top:16px; }
}
@media screen and (max-width:400px) {
   #popup-carte-fidelite-titre { padding-bottom:20px; font-size:25px; }
}
@media screen and (max-width:380px)  {
   #popup-carte-fidelite { padding:30px 10px 20px 10px; border-radius:13px; }
   #popup-carte-fidelite-titre { padding-bottom:15px; font-size:21px; }
   #popup-carte-fidelite-prenom { font-size:15px; padding-right:10px; margin-top:5px; }
   #popup-code-barre { border-radius:10px; padding:10px; }
}
@media screen and (max-height:520px) and (orientation:landscape)  {
   #popup-carte-fidelite { padding:30px 30px 20px 30px; border-radius:15px; }
   #popup-carte-fidelite-slogan { top:-39px; font-size:21px; border-radius:16px; padding:4px 0 2px 0; }
   #popup-carte-fidelite-titre { padding-bottom:15px; font-size:21px; }
   #popup-carte-fidelite-prenom { font-size:21px; padding-right:10px; margin-top:5px; }
   #popup-carte-fidelite-points-restants { font-size:17px; top:22px; }
}
@media screen and (max-height:420px) and (orientation:landscape)  {
   #popup-carte-fidelite { padding:20px 10px 20px 10px; border-radius:15px; }
   #popup-carte-fidelite-titre { padding-bottom:15px; font-size:21px; }
   #popup-carte-fidelite-prenom { font-size:21px; padding-right:10px; margin-top:5px; padding-top:11px; }
   #popup-code-barre { border-radius:10px; padding:10px; }
   #popup-carte-fidelite-points-restants { top:10px; }
}
@media screen and (max-height:400px) and (orientation:landscape)  {
   #popup-carte-fidelite-prenom { margin-top:0px; padding-top:11px; }
   #popup-carte-fidelite-points-restants { top:13px; }
}
@media screen and (max-height:360px) and (orientation:landscape)  {
   #popup-carte-fidelite-slogan { top:-30px; font-size:17px; border-radius:16px; padding:3px 0 1px 0; }
   #popup-carte-fidelite-titre { padding-bottom:5px; font-size:21px; }
   #popup-carte-fidelite { padding:15px 10px 15px 10px; }
   #popup-carte-fidelite-prenom { margin-top:0px; padding-top:11px; }
   #popup-carte-fidelite-points-restants { top:10px; }
}

#popup-avatar, #popup-niveau { position:absolute; left:0%; top:0%; border:solid 2px rgba(0,0,0,0.75); background:linear-gradient(45deg, #C8C8C8 0%, #F0F0F0 50%); box-shadow:0px 0px 3px #FFFFFF, 0px 0px 3px #FFFFFF, 0px 0px 3px #FFFFFF, 0px 0px 3px #FFFFFF, 0px 0px 3px #FFFFFF, 0px 0px 3px #FFFFFF, 0px 0px 3px #FFFFFF, 0px 0px 3px #FFFFFF, 1px 1px 6px rgba(0,0,0,0.50) inset, -1px -1px 6px rgba(0,0,0,0.50) inset; border-radius:7px; min-width:50px; min-height:50px; }
#popup-avatar-titre, #popup-niveau-titre { position:absolute; z-index:2; left:5%; top:0px; width:90%; height:20%; text-align:center; display:flex; align-items:center; text-align:center; justify-content:center; font-size:21px; font-weight:bold; margin-top:10px; }
#popup-avatar-titre span#popup-avatar-titre-libelle, #popup-niveau-titre span { text-align:center; display:block; background:rgba(255,255,255,0.67); border-radius:5px; padding:4px 0 2px 0; box-shadow:1px 1px 2px rgba(0,0,0,0.50); inset; width:100%; }
#popup-avatar-cadre { position:absolute; left:0px; top:20%; width:100%; height:80%; text-align:center; display:flex; align-items:center; text-align:center; justify-content:center; }
#popup-avatar-image { max-width:80%; max-height:80%; }
#popup-avatar-lien, #popup-avatar-lien-off { position:absolute; right:5%; bottom:5%; width:15%; height:15%; cursor:pointer; background:url('../images/bouton-editer.svg'); background-size:100%; opacity:0.5; }
#popup-avatar-aide { position:absolute; left:0; bottom:-30px; height:30px; min-width:10px; cursor:pointer; background:#808080; color:#FFFFFF; font-size:17px; cursor:pointer; border-radius:15px; font-family:'cocogoose'; font-weight:bold; text-decoration:none; padding:0px 10px 0px 10px; line-height:32px; user-select:none; }
#popup-avatar-aide.aide-on { background:#2F2F2F; }
#popup-avatar-aide.aide-on:hover { background:#EB1E83; }
#popup-avatar-aide-contenu { position:relative; white-space:nowrap; overflow:hidden; width:0px; display:inline-block; height:22px; text-align:right; direction:rtl; }
#popup-avatar-aide-point-interrogation { position:absolute; right:10px; top:0px; }
#popup-avatar-aide-retour { position:absolute; right:212px; width:30px; height:30px; direction:ltr; }
#popup-avatar-aide-retour::after { content:'<'; position:absolute; height:20px; left:9px; top:-1px; font-size:21px; }
#popup-avatar-aide-texte { padding-right:9px; }
#popup-avatar-aide-lien { display:none; text-decoration:none; text-align:right; direction:ltr; color:#FFFFFF; }
#popup-avatar.popup-avatar-mini #popup-avatar-lien, #popup-avatar.popup-avatar-mini #popup-avatar-lien-off { right:5%; bottom:5%; width:15%; height:22.5%; background:url('../images/bouton-editer.svg') no-repeat; background-size:100%; }
#popup-avatar-lien:hover { opacity:1; }
#popup-avatar-lien-off, #popup-avatar-lien-off:hover { opacity:0.1; cursor:not-allowed; }
#popup-avatar-aide.aide-mini { bottom:-25px; height:24px; min-width:8px; font-size:13px; border-radius:12px; padding:0px 8px 0px 8px; line-height:26px; }
#popup-avatar-aide.aide-mini #popup-avatar-aide-point-interrogation { right:8px; top:0px; }
#popup-avatar-aide.aide-mini #popup-avatar-aide-retour { width:24px; height:24px; right:164px; }
#popup-avatar-aide.aide-mini #popup-avatar-aide-retour::after { left:7px; font-size:18px; }
#popup-niveau #popup-niveau-progress { position:absolute; left:0px; top:20%; width:100%; height:80%; text-align:center; display:flex; align-items:center; text-align:center; justify-content:center; }
#popup-niveau-progression { position:absolute; top:5%; left:0; width:100%; padding:10px 0 10px 0; }
#popup-niveau-progress.popup-niveau-progress-mini #popup-niveau-progression, #popup-niveau-progress.popup-niveau-progress-vertical #popup-niveau-progression { display:none; }
#popup-niveau #popup-niveau-progressbar { max-width:300px; position:relative; border-radius:14px; height:26px; margin:30px 5px 10px 5px; border:solid 1px #FFFFFF; background:linear-gradient(45deg, rgb(172, 172, 172) 0%, rgb(100, 100, 100) 100%); box-shadow:1px 1px 4px rgba(0,0,0,0.38) inset, -1px -1px 4px rgba(0,0,0,0.38) inset, 0px 0px 10px #000000; width:90%; }
#popup-niveau #popup-niveau-progressbar.popup-niveau-progressbar-mini { height:20px; }
#popup-niveau #popup-niveau-progress.popup-niveau-progress-mini #popup-niveau-progressbar { position:absolute; bottom:15%; left:3%; right:0; height:6px; }
#popup-niveau .trait-position { position:absolute; z-index:2; top:-5px; bottom:-5px; width:1px; background:rgba(0,0,0,0.30); border-left:solid 1px rgba(255,255,255,0.50); }
#popup-niveau .valeur-position { position:absolute; z-index:2; top:-22px; font-size:13px; }
#popup-niveau .valeur-position span { position:absolute; top:0; width:24px; left:50%; margin-left:-11px; text-align:center;}
#popup-niveau #popup-niveau-trait-position-0, #popup-niveau #popup-niveau-valeur-position-0 { left:5%; }
#popup-niveau #popup-niveau-trait-position-1 { left:23%; }
#popup-niveau #popup-niveau-trait-position-2 { left:41%; }
#popup-niveau #popup-niveau-trait-position-3 { left:59%; }
#popup-niveau #popup-niveau-trait-position-4 { left:77%; }
#popup-niveau #popup-niveau-trait-position-5, #popup-niveau #popup-niveau-valeur-position-5 { left:95%; }
#popup-niveau-progressbar-jauge { position:absolute; top:0; min-width:5%; height:26px; background:linear-gradient(45deg, #C10168 0%, #F08 100%); box-shadow:1px 1px 4px rgba(0,0,0,0.38) inset, -1px -1px 4px rgba(0,0,0,0.38) inset; border-radius:14px 0 0 14px; }
#popup-niveau #popup-niveau-progressbar.popup-niveau-progressbar-mini #popup-niveau-progressbar-jauge { height:20px; }
#popup-niveau-progress.popup-niveau-progress-mini #popup-niveau-progressbar-jauge { height:6px; }
#popup-niveau-progressbar-jauge-limit { position:absolute; left:5%; z-index:3; top:-7px; bottom:-7px; }
#popup-niveau-progressbar-jauge-limit::before { content:''; position:absolute; left:-1px; top:0px; bottom:0px; width:5px; box-shadow:1px 0 4px rgba(0,0,0,0.50); background:linear-gradient(45deg, #C6066C 0%, #FF55AF 100%); border:solid 1px #6C0F48; border-radius:3px; }
#popup-niveau-progressbar-jauge-limit::after { content:''; position:absolute; left:1px; top:3px; bottom:3px; width:1px; background:rgba(255,255,255,0.50); }
#popup-niveau-progressbar-jauge-infobulle { position:absolute; left:3%; z-index:10; user-select:none; color:#FFFFFF; }
#popup-niveau-progressbar-jauge-infobulle span { position:absolute; top:-34px; left:50%; margin-left:-18px; border:solid 1px #FFFFFF; background:linear-gradient(45deg, #EB1E83 50%, #F988C4 100%); box-shadow:0px 0px 3px #000000; border-radius:5px; font-weight:bold; padding:2px 0 1px 0; width:36px; text-align:center; text-shadow:1px 1px 1px #993A6D; }
#popup-niveau-points-manquants { position:absolute; bottom:5%; left:0; width:100%; padding:10px 0 10px 0; color:#EB1E83; font-weight:bold; }
#popup-niveau-points-manquants a { background:#2F2F2F; border-radius:12px; padding:4px 12px; font-size:15px; color:#FFFFFF; font-weight:bold; text-decoration:none; }
#popup-niveau-points-manquants a:hover { background:#EB1E83; }
#popup-niveau-progress.popup-niveau-progress-mini #popup-niveau-points-manquants, #popup-niveau-progress.popup-niveau-progress-vertical #popup-niveau-points-manquants { display:none; }

/* Inconnu */
#popup-avatar-inconnu, #popup-niveau-inconnu { display:none; position:absolute; top:50%; left:50%; z-index:10; transform:rotate(-15deg); padding-left:2px; color:#FF0000; font-weight:bold; letter-spacing:2px; text-shadow:1px 1px 1px #FFFFFF, -1px -1px 1px #FFFFFF, -1px 1px 1px #FFFFFF, 1px -1px 1px #FFFFFF, 2px 2px 2px #FFFFFF, -2px -2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, 2px -2px 2px #FFFFFF; border:solid 5px #FF0000; box-shadow:1px 1px 1px #FFFFFF, -1px -1px 1px #FFFFFF, -1px 1px 1px #FFFFFF, 1px -1px 1px #FFFFFF, 2px 2px 2px #FFFFFF, -2px -2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, 2px -2px 2px #FFFFFF, 1px 1px 1px #FFFFFF inset, -1px -1px 1px #FFFFFF inset, -1px 1px 1px #FFFFFF inset, 1px -1px 1px #FFFFFF inset, 2px 2px 2px #FFFFFF inset, -2px -2px 2px #FFFFFF inset, -2px 2px 2px #FFFFFF inset, 2px -2px 2px #FFFFFF inset;}
#popup-avatar-inconnu.version1, #popup-niveau-inconnu.version1 { display:block; width:299px; margin-left:-156px; margin-top:-31px; font-size:60px; height:49px; line-height:50px; padding-left:4px; padding-top:4px; }
#popup-avatar-inconnu.version2, #popup-niveau-inconnu.version2 { display:block; width:248px; margin-left:-130px; margin-top:-29px; font-size:50px; height:47px; line-height:50px; }
#popup-avatar-inconnu.version3, #popup-niveau-inconnu.version3 { display:block; width:191px; margin-left:-103px; margin-top:-23px; font-size:37px; height:37px; line-height:40px; }
#popup-avatar-inconnu.version4, #popup-niveau-inconnu.version4 { display:block; width:152px; margin-left:-83px; margin-top:-16px; font-size:29px; height:26px; line-height:29px; border-width:4px; }

/* Vertical */
#popup-niveau-titre.popup-niveau-titre-vertical { left:0px; top:5%; width:40%; height:90%; margin-top:0px; margin-left:5px; }
#popup-niveau-titre.popup-niveau-titre-vertical span { writing-mode:vertical-lr; text-orientation:sideways; transform:rotate(180deg); box-shadow:-1px -1px 2px rgba(0,0,0,0.50) inset; padding:0 4px 0 2px; width:auto; height:100%; }
#popup-niveau #popup-niveau-progress.popup-niveau-progress-vertical { position:absolute; top:0; left:40%; right:0; width:60%; height:100%; }
#popup-niveau #popup-niveau-progress.popup-niveau-progress-vertical #popup-niveau-progressbar { position:absolute; bottom:5%; left:auto; right:10%; top:5%; max-height:300px; border-radius:5px; min-width:auto; width:6px; margin:0; height:90%; }
#popup-niveau #popup-niveau-progress.popup-niveau-progress-vertical #popup-niveau-progressbar-jauge { top:auto; min-width:auto; width:6px; height:auto; bottom:0; border-radius:0 0 3px 3px; }
#popup-niveau #popup-niveau-progress.popup-niveau-progress-vertical #popup-niveau-progressbar-jauge-limit { left:-7px; right:-7px; top:auto; bottom:auto; }
#popup-niveau #popup-niveau-progress.popup-niveau-progress-vertical #popup-niveau-progressbar-jauge-limit::before { top:-1px; left:0px; right:0px; bottom:auto; height:5px; width:auto; box-shadow:1px 0 4px rgba(0,0,0,0.50); }
#popup-niveau #popup-niveau-progress.popup-niveau-progress-vertical #popup-niveau-progressbar-jauge-limit::after { top:1px; left:3px; right:3px; bottom:auto; height:1px; width:auto; }
#popup-niveau #popup-niveau-progress.popup-niveau-progress-vertical .trait-position { top:auto; left:-5px; right:-5px; width:auto; height:1px; border-left:none; border-top:solid 1px rgba(255,255,255,0.50); }
#popup-niveau #popup-niveau-progress.popup-niveau-progress-vertical .valeur-position { top:auto; left:-32px; }
#popup-niveau #popup-niveau-progress.popup-niveau-progress-vertical .valeur-position span { top:-8px; width:24px; left:''; right:0px; margin-left:0; text-align:right;}
#popup-niveau #popup-niveau-progress.popup-niveau-progress-vertical #popup-niveau-trait-position-0, #popup-niveau #popup-niveau-progress.popup-niveau-progress-vertical #popup-niveau-valeur-position-0 { bottom:5%; }
#popup-niveau #popup-niveau-progress.popup-niveau-progress-vertical #popup-niveau-trait-position-1 { bottom:23%; }
#popup-niveau #popup-niveau-progress.popup-niveau-progress-vertical #popup-niveau-trait-position-2 { bottom:41%; }
#popup-niveau #popup-niveau-progress.popup-niveau-progress-vertical #popup-niveau-trait-position-3 { bottom:59%; }
#popup-niveau #popup-niveau-progress.popup-niveau-progress-vertical #popup-niveau-trait-position-4 { bottom:77%; }
#popup-niveau #popup-niveau-progress.popup-niveau-progress-vertical #popup-niveau-trait-position-5, #popup-niveau #popup-niveau-progress.popup-niveau-progress-vertical #popup-niveau-valeur-position-5 { bottom:95%; }
#popup-niveau #popup-niveau-progress.popup-niveau-progress-vertical #popup-niveau-progressbar-jauge-infobulle { left:-47px; }
#popup-niveau #popup-niveau-progress.popup-niveau-progress-vertical #popup-niveau-progressbar-jauge-infobulle span { top:-12px; left:''; margin-left:0; }

#liste-avatars { padding:20px 20px 20px 20px; background:#DDDDDD; }
#liste-avatars-chargement { position:absolute; z-index:10; left:50%; margin-left:-100px; top:50%; margin-top:-100px; height:200px; width:200px; background:url('../images/chargement-actus.svg') no-repeat; background-size:100%;  }
#liste-avatars-titre { text-align:center; display:block; font-weight:bold; text-transform:uppercase; background:rgba(255,255,255,0.67); border-radius:5px; padding:8px 0 6px 0; box-shadow:1px 1px 2px rgba(0,0,0,0.50) inset; width:100%; margin-bottom:-20px; }
.liste-avatars-sous-titre { clear:both; background:#2F2F2F url('../images/background-ardoise.jpg'); box-shadow:0 0px 5px 5px rgba(0,0,0,0.25) inset; font-family:'bison-bold'; color:#FFFFFF; letter-spacing:1px; font-size:17px; padding:8px 0 5px 0; text-align:center; margin:40px auto 0px auto; }
#liste-avatars-vide { position:relative; padding:10px 10px 10px 64px; margin:10px 10px 0 10px; background:#FFA8A8; border-radius:6px; min-height:48px; display:flex; align-items:center; text-align:center; justify-content:center; position:relative; }
#liste-avatars-vide::after { content:''; position:absolute; left:10px; top:50%; margin-top:-24px; width:48px; height:48px; background:url('../images/avatar-special.svg') no-repeat; background-size:100%; }
.liste-avatars-bloc { clear:both; margin-left: -10px; margin-right: -10px; }
.liste-avatars-bloc::after { content:''; clear:both; height:0px; font-size:0px; display:block;  }
#liste-avatars-contenu { position:relative; }
#liste-avatars-contenu::after { content:''; font-size:0px; clear:both; display:block; }
#liste-avatars-contenu.ligne8 .liste-avatars-element { float:left; width:12.5%; margin:20px 0 0 0; }
#liste-avatars-contenu.ligne6 .liste-avatars-element { float:left; width:16.66%; margin:20px 0 0 0; }
#liste-avatars-contenu.ligne4 .liste-avatars-element { float:left; width:25%; margin:20px 0 0 0; }
#liste-avatars-contenu.ligne2 .liste-avatars-element { float:left; width:50%; margin:20px 0 0 0; }
.liste-avatars-element-contenu { position:relative; margin:0 10px; padding:10px 0px 0px 0px; border:solid 1px #2F2F2F; box-shadow:2px 2px 5px rgba(0,0,0,0.50); background:#EEEEEE; border-radius:5px; }
.liste-avatars-element-image { padding:20px; }
.liste-avatars-element-image img { width:100%; }
.avatar-niveau { position:absolute; right:5px; top:5px; padding:4px 4px 3px 4px; background:#EB1E83; color:#FFFFFF; font-weight:bold; border-radius:3px; font-size:17px; }
.avatar-nouveau { position:absolute; left:5px; top:5px; width:40px; height:40px; background:url('../images/nouveau.svg') no-repeat; background-size:100%; }
#liste-avatars-contenu.ligne2 .avatar-nouveau, #liste-avatars-contenu.ligne1 .avatar-nouveau { font-size:17px; }
#liste-avatars-contenu.ligne2 .avatar-nouveau, #liste-avatars-contenu.ligne1 .avatar-nouveau { width:50px; height:50px; }
.liste-avatars-element-libelle { background:#2F2F2F; color:#FFFFFF; padding:4px 0; font-weight:bold; font-size:15px; }
#liste-avatars-contenu.ligne2 .liste-avatars-element-libelle, #liste-avatars-contenu.ligne1 .liste-avatars-element-libelle { font-size:17px; }
.liste-avatars-element-contenu:hover { cursor:pointer; border:solid 1px #EB1E83; }
.liste-avatars-element-contenu:hover .liste-avatars-element-libelle { background:#EB1E83; }
.liste-avatars-element-debloque { font-size:11px; font-style:italic; margin-top:10px; }
#liste-avatars-contenu.ligne1 .liste-avatars-element { float:none; width:auto; margin:20px auto; }
#liste-avatars-contenu.ligne1 .liste-avatars-element-contenu { margin:0 10px 0 10px; }
#liste-avatars-contenu.ligne1 .liste-avatars-element-libelle { font-size:17px; }
#liste-avatars-contenu.ligne1 .avatar-nouveau { width:50px; height:50px; }
#liste-avatars-contenu.ligne1 .avatar-niveau { font-size:17px; }
@media (max-width:1488px) {
   #liste-avatars-contenu.ligne8 .liste-avatars-element-libelle, #liste-avatars-contenu.ligne8 .avatar-niveau { font-size:13px; }
   #liste-avatars-contenu.ligne8 .avatar-nouveau { width:30px; height:30px; }
}
@media (max-width:1140px) {
   #liste-avatars-contenu.ligne6 .liste-avatars-element-libelle, #liste-avatars-contenu.ligne6 .avatar-niveau { font-size:13px; }
   #liste-avatars-contenu.ligne6 .avatar-nouveau { width:30px; height:30px; }
}
@media (max-width:784px) {
   #liste-avatars-contenu.ligne4 .liste-avatars-element-libelle, #liste-avatars-contenu.ligne4 .avatar-niveau { font-size:13px; }
   #liste-avatars-contenu.ligne4 .avatar-nouveau { width:30px; height:30px; }
}
@media (max-width:600px) {
   #liste-avatars-contenu .avatar-nouveau { width:40px; height:40px; }
   .liste-avatars-element-libelle { font-size:15px; }
   #liste-avatars-contenu.ligne2 .avatar-niveau { font-size:15px; }
}
@media (max-width:428px) {
   #liste-avatars-contenu .avatar-nouveau { width:30px; height:30px; }
   .liste-avatars-element-libelle { font-size:13px; }
   #liste-avatars-contenu .avatar-niveau { font-size:13px; }
}

#panier-chargement { position:absolute; z-index:6; left:50%; margin-left:-100px; top:50%; margin-top:-100px; height:200px; width:200px; background:url('../images/chargement-actus.svg') no-repeat; background-size:100%; }
#panier-contenu { width:80%; background:rgba(255,255,255,0.87); display:inline-block; margin:0 auto 40px auto; min-height:400px; box-shadow:0px 2px 11px rgba(0,0,0,0.5); text-align:center; }
#panier-vide { position:relative; padding:240px 20px 20px 20px; font-size:21px; }
#panier-vide::before { content:''; position:absolute; top:70px; left:50%; margin-left:-50px; background:url('../images/panier-gris.svg') no-repeat; background-size:100%; width:100px; height:100px; }
#panier-retour { position:relative; background:#EB1E83; border-radius:4px; display:inline-block; padding:10px 20px 10px 50px; color:#FFFFFF; text-decoration:none; font-size:17px; font-weight:bold; margin:50px auto; }
#panier-retour::after { content:''; position:absolute; left:15px; top:50%; margin-top:-12px; width:24px; height:24px; background:url('../images/bouton-boutique-en-ligne.svg'); background-size:100%; }
#panier-liste { padding-top:0px; position:relative; }
#panier-liste-top { position:absolute; top:-55px; }
#panier-liste-table { margin:auto; max-width:800px; width:80%; border-spacing:0; border-collapse:collapse; margin:40px auto 0 auto; }
.panier-separation1 hr { width:80%; height:1px; margin:8px auto; border:none; background:#2F2F2F; }
.panier-codepromo span.codepromo { color:#EB1E83; font-weight:bold; }
.panier-codepromo > span { display:block; width:80%; margin:0 auto 8px; text-align:right; }
.panier-codepromo a.bouton-codepromo { margin:2px 0 2px 10px; padding:5px 10px 4px; color:#FFF; background-color:#737373; border-radius:3px; text-decoration:none; font-size:16px; font-weight:bold; }
.panier-ligne { background:rgba(238,238,238,0.50); }
.bandeau-fidelite-div { position:absolute; left:0px; top:0px; width:100px; height:100px; overflow:hidden; }
.bandeau-fidelite { position:absolute; transform:rotate(-45deg); left:-50px; right:-25px; bottom:46px; padding:4px 0 2px 0; text-transform:uppercase; color:#FFFFFF; font-weight:bold; background:#EB1E83; border-top:solid 2px #FFFFFF; border-bottom:solid 2px #FFFFFF; box-shadow:0px 2px 1px rgba(0,0,0,0.25); text-shadow:1px 1px 1px rgba(0,0,0,0.50); }
.panier-ligne-offre-fidelite { background:#EB1E83; }
.panier-ligne-offre-fidelite-bloc { position:relative; padding-left:68px; min-height:48px; background:#EB1E83; display:flex; align-items:center; text-align:center; justify-content:center; }
.panier-ligne-offre-fidelite-bloc-image { position:absolute; left:0px; top:50%; margin-top:-24px; width:48px; height:48px; }
.panier-ligne-recompense-fidelite { background:#EB1E83; }
.panier-ligne-offre-fidelite td, .panier-ligne td { position:relative; padding:10px 0; }
.panier-ligne-offre-fidelite td { color:#FFFFFF; font-weight:bold; font-size:19px; text-align:justify; padding:10px 20px; }
.panier-ligne-recompense-fidelite td { color:#FFFFFF; font-weight:bold; padding:10px 0px; }
.panier-ligne td.panier-image, .panier-ligne-recompense-fidelite td.panier-image { padding-left:20px; padding-right:20px; width:120px; }
.panier-image img { width:100%; }
.panier-ligne td.panier-texte, .panier-ligne-recompense-fidelite td.panier-texte { padding-left:20px; padding-right:20px; text-align:left; /*white-space:nowrap;*/ }
.panier-recompense {  }
.panier-quantite-recompense { display:inline-block; padding:0 0px; }
.panier-quantite-recompense-separateur { display:inline-block; padding:0 8px; color:#2F2F2F; font-weight:normal; }
.panier-formule, .panier-produit { position:relative; padding-left:90px; }
.panier-formule .panier-libelle { font-weight:bold; }
.panier-quantite-global { position:absolute; left:0px; top:-4px; }
.panier-quantite { display:inline-block; font-size:21px; font-weight:bold; width:28px; text-align:center; }
.panier-quantite-moins, .panier-quantite-plus { position:relative; display:inline-block; width:20px; height:20px; cursor:pointer; }
.panier-quantite-moins { }
.panier-quantite-plus { margin-right:8px; }
.panier-quantite-moins::before, .panier-quantite-plus::before { position:absolute; left:0px; top:3px; width:20px; height:20px; text-align:center; background:#CCCCCC; font-weight:bold; line-height:17px; }
.panier-quantite-moins::before { content:'–'; border-radius:2px 0 0 2px; user-select:none; }
.panier-quantite-plus::before { content:'+'; line-height:22px; font-size:20px; border-radius:0 2px 2px 0; user-select:none; }
.panier-quantite-separateur { color:#EB1E83; vertical-align:1px; display:inline-block; }
.panier-points { display:inline-block; margin-top:10px; font-size:17px; color:#EB1E83; font-weight:bold; }
.panier-offert { display:inline-block; margin-top:10px; }
.panier-prix { position:relative; margin-top:10px; display:inline-block; font-size:17px; position:relative; }
.panier-prix .decimal { font-size:15px; }
.panier-prix .decimal span { display:inline-block; padding-left:2px; font-size:11px; }
.panier-elements-formule, .panier-supplements { margin:0; }
.panier-element, .panier-supplement { margin-left:20px; font-style:italic; list-style:none; padding:2px 0; position:relative; }
.panier-element::before, .panier-supplement::before { content:'-'; position:absolute; left:-10px; }
.panier-supplement { font-size:15px; color:#808080; }
.panier-formule-supplement { font-size:15px; color:#808080; }
#panier-text-question, #livraison-text-question { position:relative; margin:15px 15px 0 15px; padding:10px 10px 10px 35px; background:linear-gradient(to bottom, #ECECEC 0%, #BFBFBF 100%); border:solid 1px #2F2F2F; font-weight:bold; font-size:15px; }
#livraison-text-question { margin-top:35px; }
#panier-text-question::after, #livraison-text-question::after { content:''; position:absolute; left:10px; top:50%; margin-top:-12px; background:url('../images/message-question.svg') no-repeat; background-size:100%; width:24px; height:24px; }
#livraison-text-warning { position:relative; margin:35px 15px 0 15px; padding:10px 10px 10px 42px; background:linear-gradient(to bottom, #FFE246 0%, #FFB04B 100%); border:solid 1px #2F2F2F; font-weight:bold; font-size:15px; }
#livraison-text-warning hr { height:1px; border:none; background:#2F2F2F; width:80%; margin:5px auto; text-align:center; }
#livraison-text-warning p { line-height:20px; margin:0; padding:4px 0; text-align:justify; }
#livraison-text-warning::after { content:''; position:absolute; left:10px; top:50%; margin-top:-12px; background:url('../images/message-warning.svg') no-repeat; background-size:100%; width:24px; height:24px; }
#panier-text-erreur { position:relative; margin:15px 15px 0 15px; padding:4px 10px 4px 35px; font-size:15px; background:#DD0000; color:#FFFFFF; font-weight:bold; }
#panier-text-erreur::after { content:''; position:absolute; left:10px; top:50%; margin-top:-12px; background:url('../images/message-error.svg') no-repeat; background-size:100%; width:24px; height:24px; }
#panier-produit-supprimer { position:relative; padding:0 10px 0 104px; margin-top:20px; height:100px; display:flex; align-items:center; font-weight:bold; }
#panier-produit-image { position:absolute; left:10px; top:0px; width:89px; height:100px; }
#panier-total { margin:auto; max-width:800px; width:80%; border-spacing:0; padding:10px 0; margin:0px auto 0px auto; background:rgba(238,238,238,0.50); text-align:right; }
#panier-total-table { border-spacing:0; border-collapse:collapse; margin-right:10%; display:inline-block; }
#panier-total-table td { padding:5px 0 1px 0; }
.panier-total-libelle { display:inline-block; text-align:left; width:80px; }
.panier-total-valeur { display:inline-block; text-align:right; width:80px; clear:both; }
#panier-total-points { text-align:right; clear:both; color:#EB1E83; font-weight:bold; }
#panier-total-points span.multiplicateur { display:inline-block; text-align:right; clear:both; background:#EB1E83; color:#FFFFFF; padding:4px; margin-top:4px; }
#panier-total-points span.points { display:inline-block; text-align:right; clear:both; font-size:19px; }
#panier-total-table .prix { position:relative; display:inline-block; font-size:17px; position:relative; }
#panier-total-table .prix .decimal { font-size:15px; }
#panier-total-table .prix .decimal span,#panier-total-ttc-valeur .prix .decimal span { font-weight:normal; display:inline-block; padding-left:2px; font-size:11px; }
#panier-total-table tr#panier-total-avec-remise td { padding-bottom:10px; }
#panier-total-remise { border-top:solid 1px #AAAAAA; }
#panier-total-remise-montant { background:#EB1E83; color:#FFFFFF; padding:5px 4px 3px; display:inline-block; font-weight:bold; }
#panier-total-remise-montant .prix .decimal span { font-weight:bold; }
#panier-total-ttc-libelle, #panier-total-ttc-valeur .prix { font-weight:bold; }
#panier-total-complet-libelle, #panier-total-complet-valeur .prix, #panier-total-remise-libelle, #panier-total-remise-valeur .prix { font-style:italic; }
#panier-total-ttc-valeur .prix .decimal { font-size:15px; }
#panier-total-table td#panier-total-complet-libelle, #panier-total-table td#panier-total-complet-valeur { line-height:12px; padding-top:8px; }
#panier-total-table td#panier-total-remise-libelle, #panier-total-table td#panier-total-remise-valeur { line-height:12px; padding-bottom:8px; }
#panier-boutons { margin:20px auto 30px auto; width:80%; max-width:800px; }
#panier-boutons::after { content:''; clear:both; display:block; }
#valider-panier, #valider-panier-off { position:relative; display:inline-block; background:#EB1E83; font-weight:bold; color:#FFFFFF; padding:11px 0 9px 30px; text-align:center; width:210px; border-radius:3px; text-decoration:none; float:right; }
#valider-panier-off { opacity:0.5; cursor:not-allowed; }
#valider-panier::after, #valider-panier-off::after { content:''; position:absolute; left:10px; top:50%; margin-top:-12px; width:24px; height:24px; background:url('../images/message-ok.svg') no-repeat; background-size:100%; }
#retour-boutique::after { content:''; position:absolute; left:10px; top:50%; margin-top:-12px; width:24px; height:24px; background:url('../images/bouton-boutique-en-ligne.svg') no-repeat; background-size:100%; }
#retour-boutique { position:relative; display:inline-block; background:#2F2F2F; font-weight:bold; color:#FFFFFF; padding:11px 0 9px 30px; text-align:center; width:210px; border-radius:3px; text-decoration:none; float:left; }
/*#retour-boutique:hover { background:#DD0000; }
#vider-panier { position:relative; display:inline-block; background:#2F2F2F; font-weight:bold; color:#FFFFFF; padding:11px 0 9px 30px; text-align:center; width:210px; border-radius:3px; text-decoration:none; float:left; }
#vider-panier::after { content:''; position:absolute; left:10px; top:50%; margin-top:-12px; width:24px; height:24px; background:url('../images/bouton-vider-panier.svg') no-repeat; background-size:100%; }
#vider-panier:hover { background:#DD0000; }*/
#valider-panier-montant-minimum { position:absolute; bottom:-20px; left:0px; right:0px; text-align:center; color:#000000; font-style:italic; font-weight:normal; }
#valider-panier-montant-minimum .prix .decimal { font-size:15px; }
#valider-panier-montant-minimum .prix .decimal span { font-size:11px; font-weight:normal; display:inline-block; padding-left:2px; }

@media (max-width:800px) {
   #valider-panier, #valider-panier-off { float:none; margin:10px auto; max-width:100%; display:block; }
   #valider-panier-off { margin-bottom:35px; }
   #retour-boutique { float:none; margin:10px auto; max-width:100%; display:block; }
   #vider-panier { float:none; margin:10px auto; max-width:100%; display:block; }
   #panier-liste #liste-offres { width:80%; }
}
@media (max-width:720px) {
   #panier-liste-table, #panier-total, #panier-boutons, #panier-liste #liste-offres { width:90%; }
}
@media (max-width:600px) {
   .panier-ligne-offre-fidelite td { font-size:17px; }
   .panier-ligne td.panier-image, .panier-ligne-recompense-fidelite td.panier-image { width:20%; min-width:75px; padding-left:10px; padding-right:3px; }
   .panier-ligne td.panier-texte, .panier-ligne-recompense-fidelite td.panier-texte { padding-left:3px; padding-right:10px; }
   .bandeau-fidelite-div { width:64px; height:64px; }
   .bandeau-fidelite { left:-55px; right:-38px; bottom:30px; padding:2px 0 0px 0; font-size:13px; box-shadow:0px 1px 1px rgba(0,0,0,0.25); }
   .panier-ligne-offre-fidelite td { font-size:15px; padding:10px; }
}
@media (max-width:500px) {
   #panier-contenu { width:90%; }
   .panier-ligne-offre-fidelite-bloc { position:relative; padding-left:56px; background:#EB1E83; }
   .panier-formule, .panier-produit { padding-top:28px; padding-left:0px; }
}
@media (max-width:475px) {
   #panier-liste-top { top:-45px; }
}
@media (max-width:420px) {
   #panier-retour { font-size:15px; padding:10px 12px 10px 40px; letter-spacing:-0.5px; }
   #panier-retour::after { left:8px; }
}

#liste-offres { margin:0 auto 50px auto; width:80%; }
#panier-liste #liste-offres { margin-top:40px; }
.offre-fidelite { position:relative; margin:10px auto; padding:8px 10px 8px 74px; background:#EB1E83; color:#FFFFFF; min-height:64px; display:flex; align-items:center; text-align:justify; justify-content:start; }
#panier-liste #liste-offres .offre-fidelite { background:rgba(235,30,131,0.50); }
.offre-fidelite-image { position:absolute; left:15px; top:50%; margin-top:-24px; width:48px; height:48px; }
@media (max-width:800px) {
   #liste-offres { width:auto; }
}
@media (max-width:450px) {
   #liste-offres { margin:0 20px 50px 20px; }
}

#retrait-contenu { width:80%; background:rgba(255,255,255,0.87); display:inline-block; margin:0 auto 40px auto; min-height:400px; box-shadow:0px 2px 11px rgba(0,0,0,0.5); text-align:center; }
#retrait-surplace, #retrait-aemporter, #retrait-enlivraison, #retrait-maintenant, #retrait-plus-tard, #retrait-plus-tard2 { position:relative; min-height:65px; background:rgba(238,238,238,0.50); max-width:440px; width:60%; border:solid 1px #2F2F2F; border-radius:8px; /*box-shadow:0px 2px 11px rgba(0,0,0,0.5);*/ margin:40px auto; user-select:none; }
#retrait-surplace-top, #retrait-aemporter-top, #retrait-enlivraison-top, #retrait-maintenant-top, #retrait-plus-tard-top, #retrait-plus-tard2-top { position:absolute; top:-70px; left:0px; height:0px; }
#retrait-surplace:hover, #retrait-aemporter:hover, #retrait-enlivraison:hover, #retrait-maintenant:hover, #retrait-plus-tard:hover { background:rgba(204,204,204,0.50); }
#retrait-plus-tard2 { padding:20px 0; background:rgba(204,204,204,0.50); }
#retrait-surplace.retrait-selectionne, #retrait-aemporter.retrait-selectionne, #retrait-enlivraison.retrait-selectionne, #retrait-maintenant.retrait-selectionne, #retrait-plus-tard.retrait-selectionne { background:rgba(204,204,204,0.50); }
#retrait-surplace-libelle, #retrait-aemporter-libelle, #retrait-enlivraison-libelle, #retrait-maintenant-libelle, #retrait-plus-tard-libelle { cursor:pointer; position:relative; height:65px; padding-left:90px; font-family:'bison-bold'; letter-spacing:1px; font-size:30px; text-align:center; padding-top:35px; }
#retrait-surplace-libelle::before, #retrait-aemporter-libelle::before, #retrait-enlivraison-libelle::before, #retrait-maintenant-libelle::before, #retrait-plus-tard-libelle::before { content:''; position:absolute; top:10px; left:10px; width:80px; height:80px; }
#retrait-surplace-libelle::before { background:url('../images/livraison-sur-place.svg') no-repeat; background-size:100%; }
#retrait-enlivraison-libelle::before { background:url('../images/livraison-transport.svg') no-repeat; background-size:100%; }
#retrait-aemporter-libelle::before { background:url('../images/livraison-a-emporter.svg') no-repeat; background-size:100%; }
#retrait-maintenant-libelle::before { background:url('../images/livraison-maintenant.svg') no-repeat; background-size:100%; }
#retrait-plus-tard-libelle::before { background:url('../images/livraison-plus-tard.svg') no-repeat; background-size:100%; }
#retrait-enlivraison-libelle .prix { font:normal 21px 'acmo-display','arial','Tahoma','Sans-serif'; }
#retrait-enlivraison-libelle .prix .decimal { font-size:15px; }
#retrait-enlivraison-libelle .prix .decimal span { font-family:'cocogoose'; font-weight:bold; display:inline-block; padding-left:2px; font-size:17px; }

#retrait-reouverture { padding:0 10px; }
#retrait-plus-tard-detail { position:relative; text-align:center; }
#retrait-plus-tard-detail::after { content:''; height:1px; width:100%; display:block; }
#retrait-plus-tard hr, #retrait-plus-tard2 hr { width:80%; border:none; height:1px; background:#2F2F2F; margin:10px auto; }
.bloc-retrait-jour { margin:20px auto; padding:10px; background:rgba(255,255,255,0.50); width:80%; cursor:pointer; user-select:none; box-shadow:0px 2px 11px rgba(0,0,0,0.5); } 
.bloc-retrait-jour:hover, .bloc-retrait-jour-selectionne { background:#EB1E83; color:#FFFFFF; } 
.bloc-retrait-jour:hover { background:#2F2F2F; }
.bloc-retrait-jour-selectionne:hover { background:#EB1E83; }
#retrait-plus-tard-detail-heure { text-align:center; padding-bottom:20px; }
#retrait-plus-tard-detail-heure hr { margin-top:0; }
.retrait-titre { font-family:'bison-bold'; letter-spacing:1px; font-size:25px; text-align:center; margin:20px auto; }
#timepicker { margin:10px auto; background:rgba(255,255,255,0.50); border:solid 1px #CCCCCC; width:150px; height:90px; }
#timepicker-heure, #timepicker-minute, #timepicker-separateur { position:relative; float:left; width:69px; height:90px; text-align:center; position:relative; display:flex; align-items:center; text-align:center; justify-content:center; }
#timepicker-minute { float:right; }
#timepicker-heure-valeur, #timepicker-minute-valeur, #timepicker-separateur { font-weight:bold; font-size:28px; }
#timepicker-heure-plus, #timepicker-minute-plus { position:absolute; cursor:pointer; top:0px; left:0px; width:69px; height:25px; background:url('../images/fleche-plus.svg') no-repeat center center; background-size:30%; }
#timepicker-heure-moins, #timepicker-minute-moins { position:absolute; cursor:pointer; bottom:0px; left:0px; width:69px; height:25px; background:url('../images/fleche-moins.svg') no-repeat center center; background-size:30%; }
#timepicker-separateur { float:none; width:10px; height:86px; }
#bouton-retrait-surplace, #bouton-retrait-aemporter, #bouton-retrait-enlivraison, #bouton-retrait-maintenant, #bouton-retrait-plus-tard { background:#EB1E83; margin:20px auto; }
.mode-retrait-explication { margin:0 10px 10px 10px; text-align:justify; font-size:13px; border-top:1px dotted #2F2F2F; padding-top:5px; }
.mode-retrait-explication p { margin:5px 0 0 0; padding:0px; text-align:justify; line-height:normal; }
@media (max-width:800px) {
   #retrait-surplace, #retrait-aemporter, #retrait-enlivraison, #retrait-maintenant, #retrait-plus-tard, #retrait-plus-tard2 { width:80%; }
}
@media (max-width:600px) {
   #retrait-contenu { width:100%; }
}
@media (max-width:400px) {
   #retrait-surplace, #retrait-aemporter, #retrait-enlivraison, #retrait-maintenant, #retrait-plus-tard, #retrait-plus-tard2 { width:90%; }
}
#retrait-erreur { max-width:580px; margin:20px auto; width:80%; }
#retrait-erreur .msg-error { margin:10px -10px 10px -10px; }

.recapitulatif-bloc { margin:40px auto; width:80%; max-width:580px; background:#DDDDDD; padding:10px; border-radius:4px; text-align:center; border:solid 1px #808080; box-shadow:2px 2px 2px #FFFFFF inset, 2px 2px 2px #FFFFFF inset, 2px 2px 2px #FFFFFF inset, 2px -2px 2px #FFFFFF inset, 2px -2px 2px #FFFFFF inset, 2px -2px 2px #FFFFFF inset, -2px 2px 2px #FFFFFF inset, -2px 2px 2px #FFFFFF inset, -2px 2px 2px #FFFFFF inset, -2px -2px 2px #FFFFFF inset, -2px -2px 2px #FFFFFF inset, -2px -2px 2px #FFFFFF inset; }
.recapitulatif-sous-titre { font-weight:bold; margin:10px auto 5px; }
.recapitulatif-titre { background:rgba(255,255,255,0.80); box-shadow:1px 1px 2px rgba(0,0,0,0.50) inset; font-family:'bison-bold'; color:#2F2F2F; letter-spacing:1px; font-size:21px; padding:8px 0 5px 0; text-align:center; margin-bottom:10px; }
#magasin-libelle { font-weight:bold; display:inline-block; background:#EB1E83; color:#FFFFFF; padding:10px 20px; margin-bottom:3px; }
#magasin-telephone { margin-top:3px; }
#recapitulatif .message { width:80%; margin:40px auto; max-width:580px; }
#recapitulatif .message .msg-ok { margin:0px -11px; }

#commande-code-retrait { position:relative; display:inline-block; padding-left:95px; }
#commande-code-retrait-libelle { position:absolute; left:0px; top:29px; display:inline-block; }
#commande-code-retrait-valeur { display:inline-block; padding:6px 6px 6px 12px; margin:5px auto 15px auto; border:solid 4px #FF0000; color:#FF0000; font-size:40px; font-family:'monofonto'; letter-spacing:6px; background:#FFFFFF; box-shadow:2px 2px 2px #FFFFFF, 2px 2px 2px #FFFFFF, 2px 2px 2px #FFFFFF, 2px -2px 2px #FFFFFF, 2px -2px 2px #FFFFFF, 2px -2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, -2px -2px 2px #FFFFFF, -2px -2px 2px #FFFFFF, -2px -2px 2px #FFFFFF; }
#commande-numero { width:100%; margin:5px auto; }
#commande-numero span { font-weight:bold; }
#commande-date-creation { width:100%; margin:5px auto; }
#commande-date-creation .dateheure { font-weight:bold; }
#commande-date-creation .heure { margin-left:4px; font-size:14px; }
#commande-etat { width:100%; margin:5px auto; }
#commande-etat span { font-weight:bold; }
@media (max-width:500px) {
   #commande-code-retrait { padding-left:0px; padding-top:20px; }
   #commande-code-retrait-libelle { position:absolute; left:0px; top:0px; right:0px; text-align:center; }
}

#retrait-titre { background:#2F2F2F url('../images/background-ardoise.jpg'); box-shadow:0 0px 5px 5px rgba(0,0,0,0.25) inset; font-family:'bison-bold'; color:#FFFFFF; letter-spacing:1px; font-size:21px; padding:8px 0 5px 0; text-align:center; margin-bottom:10px; }
#retrait-date, #retrait-heure, #coordonnees-libelle { font-weight:bold; padding:10px 20px; background:#EB1E83; color:#FFFFFF; display:inline-block; }

#produits-recapitulatif hr { width:80%; border:none; height:1px; background:#808080; }
.produit-recapitulatif { position:relative; text-align:left; width:80%; margin:0 auto; }
.produit-recapitulatif-gratuit { background:#EB1E83; color:#FFFFFF; }
.produit-recapitulatif-total { width:80%; }
.produit-recapitulatif-total, .produit-recapitulatif-total-libelle, .produit-recapitulatif-remise { position:relative; text-align:left; margin:0 auto; padding-top:2px; }
.produit-recapitulatif-total-libelle { padding-top:2px; }
.produit-recapitulatif-total .libelle-final { display:inline-block; padding-top:3px; }
.produit-recapitulatif-remise { margin-bottom:5px; width:80%; }
.produit-recapitulatif-points { position:relative; text-align:left; margin:10px auto 0px auto; width:80%; }
.recapitulatif-separation { color:#EB1E83; }
.produit-recapitulatif-gratuit .recapitulatif-separation { color:#2F2F2F; }
.produit-recapitulatif-libelle { padding-left:10px; padding-right:72px; }
.produit-recapitulatif-libelle small { font-size:11px; }
.produit-recapitulatif-libelle .supplement { font-size:11px; }
.produit-recapitulatif-prix { position:absolute; font-size:17px; right:10px; top:1px; }
.produit-recapitulatif-prix .decimal { font-size:15px; }
.produit-recapitulatif-prix .decimal span { display:inline-block; padding-left:2px; font-size:11px; }
.produit-recapitulatif-element { padding-left:20px; font-size:12px; padding-right:10px; position:relative; }
.produit-recapitulatif-element::before { content:'•'; top:1px; position:absolute; left:12px; }
.produit-recapitulatif-element .supplement { font-size:9px; }
.produit-recapitulatif-total-libelle { position:relative; text-align:right; padding-right:100px; }
.produit-recapitulatif-total-prix, .produit-recapitulatif-sous-total-prix, .produit-recapitulatif-sous-total-final-prix { position:absolute; right:10px; top:0px; font-weight:bold; }
.produit-recapitulatif-sous-total-prix { padding-top:2px; font-weight:normal; }
.produit-recapitulatif-sous-total-final-prix { padding-top:4px; font-weight:normal; border-top:dotted 1px #808080; }
.produit-recapitulatif-remise-prix { position:absolute; right:6px; top:-2px; font-weight:bold; padding:2px 4px; background:#EB1E83; color:#FFFFFF; }
.produit-recapitulatif-total-prix .decimal, .produit-recapitulatif-sous-total-prix .decimal, .produit-recapitulatif-sous-total-final-prix .decimal, .produit-recapitulatif-remise-prix .decimal { font-size:15px; }
.produit-recapitulatif-total-prix .decimal span, .produit-recapitulatif-sous-total-prix .decimal span, .produit-recapitulatif-sous-total-final-prix .decimal span, .produit-recapitulatif-remise-prix .decimal span { display:inline-block; padding-left:2px; font-size:11px; }
.produit-recapitulatif-points-libelle { position:relative; text-align:right; padding-right:100px; }
.produit-recapitulatif-total-points { position:absolute; right:10px; top:0px; font-weight:bold; color:#EB1E83; }
.produit-recapitulatif-total-points span { font-size:13px; }
#bloc-commentaire { position:relative; min-height:60px; }
#bloc-commentaire-chargement { position:absolute; z-index:6; left:50%; margin-left:-50px; top:-30px; height:100px; width:100px; background:url('../images/chargement-actus.svg') no-repeat; background-size:100%; }
#bloc-commentaire-texte { width:90%; text-align:justify; border:dotted 1px #2F2F2F; background:#EEEEEE; padding:4px; margin:auto; }
#bloc-commentaire-contenu #taCommentaire { width:90%; font-family:'function'; font-size:17px; padding:4px; }
#bloc-paiement-cb, #bloc-paiement-paypal { position:relative; cursor:pointer; margin:20px auto; padding:10px; background:rgba(255,255,255,0.50); width:80%; user-select:none; box-shadow:0px 2px 11px rgba(0,0,0,0.5); }
#bloc-paiement-cb-top, #bloc-paiement-paypal-top { position:absolute; top:-70px; left:0px; height:0px; }
#bloc-paiement-cb-titre { margin-bottom:20px; font-weight:bold }
#bloc-paiement-cb-titre::after { content:''; width:200px; height:49px; display:block; margin:10px auto 0px auto; background:url('../images/paiement-cartes-bancaires.svg') no-repeat; background-size:100%; }
#bloc-paiement-paypal-titre { font-weight:bold; }
#bloc-paiement-paypal-titre::after { content:''; width:200px; height:49px; display:block; margin:10px auto 0px auto; background:url('../images/paiement-paypal.svg') no-repeat; background-size:100%; }
.paiement-explication { margin:10px auto; }
.paiement-explication1, .paiement-explication2 { margin:10px auto; }

.produit-recapitulatif-libelle { position:relative; padding-left:10px; padding-right:72px; }
@media (max-width:600px) {
   .produit-recapitulatif-libelle { padding-right:10px; }
   .produit-recapitulatif { padding-bottom:20px; }
   .produit-recapitulatif-prix { left:10px; right:auto; top:auto; bottom:0px; }
}
@media (max-width:480px) {
   #produits-recapitulatif hr { width:95%; }
   .produit-recapitulatif { width:95%; }
   #bloc-paiement { width:auto; background:none; box-shadow:none; margin-top:0px; }
}

.partie { text-align:center; margin-top:100px; padding-top:80px; padding-bottom:30px; position:relative; z-index:7; width:100%; background:#EEEEEE url('../images/background-miss-cookies.png'); /*border-top:solid 5px #EB1E83;*/ box-shadow:0px 2px 9px rgba(0,0,0,0.5); z-index:6; }
.partie-titre { position:absolute; z-index:7; background:#2F2F2F url('../images/background-ardoise.jpg'); box-shadow:0 0px 10px 10px rgba(0,0,0,0.25) inset; text-align:center; text-transform:uppercase; color:#FFFFFF; font-size:40px; font-family:'bison-bold'; letter-spacing:1px; padding:13px 0px 13px 0px; border:solid 1px #FFFFFF; width:360px; top:-40px; margin-left:-180px; left:50%; }
.partie-titre::after { content:''; position:absolute; left:0px; top:0px; bottom:0px; right:0px; box-shadow:0px -2px 7px rgba(0,0,0,0.5); }
.partie-sous-titre { font-size:30px; font-family:'bison-bold'; text-transform:uppercase; padding:20px 0 0px 0; }
@media (max-width:640px) {
   .partie { padding-top:60px; }
   .partie-titre { font-size:30px; padding:8px 0px 8px 0px; width:280px; top:-28px; margin-left:-140px; }
}
@media (max-width:420px) {
   .partie { padding-top:40px; }
   .partie-titre { font-size:30px; padding:8px 0px 8px 0px; width:230px; top:-28px; margin-left:-115px; }
}
.clip-svg { width:0; height:0; position:absolute; }

#concept-contenu::after { content:''; clear:both; display:block; }
.concept-partie { max-width:20%; display:inline-block; margin:0 2.5% 40px 2.5%; float:left; box-shadow:0px 2px 11px rgba(0,0,0,0.5); position:relative; }
.concept-partie-contenu { padding:5%; background:rgba(255,255,255,0.87); }
.concept-partie img { width:100%; }
.concept-partie .concept-text { text-align:justify; }
.concept-partie .concept-text p { margin-bottom:0px; }
@media (max-width:1280px) {
   .concept-partie { max-width:35%; display:inline-block; margin:40px 7.5% 80px 7.5%; float:left; }
   #concept-cookies { clear:both; }
}
@media (max-width:1000px) {
   .concept-partie { max-width:40%; display:inline-block; margin:40px 5% 40px 5%; float:left; }
}
@media (max-width:750px) {
   .concept-partie { max-width:45%; display:inline-block; margin:0 2.5% 40px 2.5%; float:left; }
}
@media (max-width:500px) {
   .concept-partie { max-width:80%; display:inline-block; margin:0 10% 40px 10%; float:left; }
}

.partie-reseaux {  }
.partie-reseaux::after { content:''; clear:both; display:block; }
.partie-reseaux .reseau { float:left; margin-left:10px; border-radius:50px; text-decoration:none; }
.partie-reseaux .reseau:first-child { margin-left:0; }
.partie-reseaux .instagram { padding:5px 10px 6px 39px; color:#B232A6; background:#FFF url('../images/logo-instagram.png') no-repeat 10px center; border:2px solid #B232A6; }
.partie-reseaux .facebook { padding:5px 10px 6px 34px; color:#FFF; background:#3B5998 url('../images/logo-facebook.png') no-repeat 5px center; border:2px solid #3B5998; }

#produits-contenu::after { content:''; clear:both; display:block; }
#produits-contenu-boutique { background:rgba(255,255,255,0.87); margin-bottom:40px; margin-top:-20px; width:95%; }
#produits-contenu-boutique p.boutique-titre { padding:20px 20px 0 20px; font-weight:bold; text-align:justify; }
#produits-contenu-boutique p { padding:0px 20px 10px 20px; text-align:justify; }
#produits-contenu-boutique a { position:relative; padding:10px 20px 10px 50px; margin:0 auto 20px auto; background:#737373; text-decoration:none; color:#FFFFFF; border-radius:4px; font-weight:bold; display:inline-block; cursor:pointer; }
#produits-contenu-boutique a::after { content:''; position:absolute; left:15px; top:50%; margin-top:-12px; width:24px; height:24px; background:url('../images/bouton-panier.svg') no-repeat; background-size:100%; }
#produits-contenu-boutique a:hover { background-color:#EB1E83; color:#FFFFFF; }

.produits-partie { max-width:20%; display:inline-block; margin:0 2.5% 40px 2.5%; float:left; box-shadow:0px 2px 11px rgba(0,0,0,0.5); }
.produits-partie-contenu { padding:5%; background:rgba(255,255,255,0.87); }
.produits-partie img { width:100%; }
.produits-partie .produits-text { text-align:left; }
.produits-partie .produits-text p { margin-bottom:0px; }
.produits-partie .produits-text p i { margin-top:6px; display:inline-block; }
@media (max-width:1280px) {
   .produits-partie { max-width:35%; display:inline-block; margin:40px 7.5% 80px 7.5%; float:left; }
   #produits-patisseries { clear:both; }
   #produits-contenu-boutique { width:85%; margin-bottom:0px; }
}
@media (max-width:1000px) {
   .produits-partie { max-width:40%; display:inline-block; margin:40px 5% 40px 5%; float:left; }
   #produits-contenu-boutique { width:90%; }
}
@media (max-width:750px) {
   .produits-partie { max-width:45%; display:inline-block; margin:0 2.5% 40px 2.5%; float:left; }
   #produits-contenu-boutique { margin-bottom:40px; width:95%; }
}
@media (max-width:600px) {
   #produits-contenu-boutique { margin:0 auto 40px auto; }
}
@media (max-width:500px) {
   .produits-partie { max-width:80%; display:inline-block; margin:0 10% 40px 10%; float:left; }
   .produits-partie .produits-text { display:none; }
   .produits-sous-titre, .produits-sous-titre-show { position:relative; padding-bottom:42px; cursor:pointer; user-select:none; }
   .produits-sous-titre::before, .produits-sous-titre-show::before { content:''; position:absolute; top:50px; left:50%; margin-left:-20px; background:url('../images/fleche-bas.svg') no-repeat; animation:flechebas 1s ease-in-out infinite; margin-bottom:10px; width:40px; height:40px; }
   .produits-sous-titre-show::before { background:url('../images/fleche-haut.svg') no-repeat; }
   #produits-contenu-boutique { width:80%; }
}

#fidelite-slogan { text-align:center; font-size:21px; padding:20px 0; font-weight:bold; }
.fidelite-sous-titre { text-align:center; font-weight:bold; }
#bloc-carte-fidelite { text-align:center; margin-bottom:25px; }
#fidelite-texte { text-align:justify; }
#fidelite-texte ul { padding-left:25px; margin-top:-5px; }
#fidelite-texte li { padding-top:4px; padding-bottom:4px; }
#fidelite-texte p.important { background:#EB1E83; color:#FFFFFF; font-style:italic; padding:4px 8px; border-radius:4px; font-size:15px; line-height:19px; }
#fidelite-texte #programme-fidelite-point { padding-bottom:5px; }
#bloc-exemples-avatars { text-align:center; }
.niveau-avatar { width:33.33%; display:inline-block; }
.avatar-fille, .avatar-garcon { width:50%; display:inline-block; }
.avatar-fille .avatar-contenu { padding:10px 10px 10px 20px; }
.avatar-garcon .avatar-contenu { padding:10px 20px 10px 10px; }
.avatar-fille .avatar-contenu-image, .avatar-garcon .avatar-contenu-image { border:solid 1px #2F2F2F; background:#DDDDDD; border-radius:10px; text-align:center; }
.avatar-fille img, .avatar-garcon img { width:90%; }
#fidelite-application { text-align:center; font-size:21px; padding:10px 0 0 0; font-weight:bold; }
#fidelite-application span { position:relative; display:inline-block; padding:30px 0px 30px 60px; }
#fidelite-application span::after { content:''; position:absolute; left:0px; top:20px; width:48px; height:48px; background:url('../photos/application-icone.png') no-repeat; background-size:100%; }
#bloc-application { text-align:center; padding-bottom:10px; }
#bloc-application img { max-width:440px; width:100%; }
#application-stores { text-align:center; }
#application-google-play, #application-apple-store { float:left; width:45%; text-align:center; padding:10px 0; }
#application-google-play { margin-right:5%; }
#application-apple-store { margin-left:5%; }
#application-google-play img, #application-apple-store img { max-width:250px; width:100%; }
@media (max-width:1000px) {
   .niveau-avatar { width:50%; }
   #niveau-avatar3 { padding-top:10px; }
}
@media (max-width:750px) {
   .niveau-avatar { width:100%; }
   #niveau-avatar3 { padding-top:0px; }
}

#page-obligatoire-contenu { padding:20px; background:rgba(255,255,255,0.87); text-align:justify; }
#page-obligatoire-contenu ul { padding-left:15px; margin-top:5px; }
#page-obligatoire-contenu li { padding-top:2px; padding-bottom:2px; }
#erreur { padding-bottom:40px; }

h3.sous-titre-miss-cookies { font-size:21px; margin:20px 0 10px 0; }
h4 { margin:15px 0 10px 0; }
p { margin: 10px 0px; line-height:21px; }

#actus { max-width:100%; position:relative; text-align:center; padding-bottom:80px; }
#actus::after { content:''; position:absolute; z-index:5; left:0; width:100%; bottom:0px; background:#FFFFFF; box-shadow:0px -2px 7px rgba(0,0,0,0.5); }
#actus-news { position:relative; z-index:4; }
#actus-centre { position:relative; z-index:4; width:60%; margin:0 auto; font-size:0; box-shadow:0px 5px 13px rgba(0,0,0,1); background:#FFFFFF; overflow-x:hidden; }
#actus-lien { position:absolute; z-index:7; left:0px; top:0px; right:0px; bottom:0px; }
#actus-chargement { position:absolute; z-index:6; width:40%; height:71.07%; left:50%; margin-left:-20%; top:50%; margin-top:-20%; background:url('../images/chargement-actus.svg') no-repeat; background-size:100%; }
#actus-centre img { width:100%; }
#actus-centre #actus-replace { position:absolute; top:0px; left:0; right:0; height:100%; width:100%; display:none; }
#actus-centre::after { content:''; position:absolute; top:0px; left:0; right:0; height:100%; width:100%; z-index:6; }
#actus-navigation { position:absolute; display:none; left:50%; margin-left:-50%; width:100%; height:17px; bottom:-36px; z-index:8; text-align:center; }
.actus-position, .actus-position-selected { cursor:pointer; display:inline-block; border-radius:50%; width:13px; height:13px; background:#777777; border:solid 2px #FFFFFF; margin:2px 1%; vertical-align:middle; }
.actus-position-selected { background:#EB1E83; border:solid 2px #FFFFFF; cursor:default; width:17px; height:17px; margin:0px 1%; }
#actus-centre:hover .actus-position { background:#000000; border:solid 2px #FFFFFF; }
#actus-centre:hover .actus-position-selected { background:#EB1E83; border:solid 2px #FFFFFF; }
#actus-centre #actus-control { opacity:0.3; display:none; position:absolute; z-index:9; left:2.5%; bottom:2.5%; width:30px; height:30px; }
#actus-play { position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer; background:url('../images/actus-play.png'); background-size:100%; }
#actus-pause { position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer; background:url('../images/actus-pause.png'); background-size:100%; }
#actus-centre:hover #actus-control { opacity:1; }
@media (max-width:800px) {
   #actus-centre { width:80%; box-shadow:0px 2px 7px rgba(0,0,0,1); }
   #actus-centre #actus-control { width:20px; height:20px; }
}
@media (max-width:500px) {
   #actus-centre { width:90%; }
   #actus-navigation { height:15px; bottom:-25px; }
   .actus-position, .actus-position-selected { width:9px; height:9px; margin:2px 1%; }
   .actus-position-selected { width:11px; height:11px; margin:0px 1%; }
}

#histoire-contenu-sous-titre1, #histoire-contenu-sous-titre2 { font-family:'angelface'; margin:20px auto; font-size:48px; }
#timeline .timeline-item::after, #timeline .timeline-item::before { content:''; display:block; width:100%; clear:both; }
*::before, *::after { box-sizing: border-box; }
#timeline { width:100%; margin:30px auto; position:relative; padding:0 0px; transition:all 0.4s ease; }
#timeline::before { content:""; width:3px; height:100%; background:#C8C8C8; left:50%; margin-left:-1px; top:0; position:absolute; }
#timeline:after { content:""; clear:both; display:table; width:100%; }
#timeline .timeline-item { margin-bottom:50px; position:relative; }
#timeline .timeline-item .timeline-icon { background:#EEEEEE; width:50px; margin-top:-15%; height:50px; position:absolute; top:0; left:50%; margin-left:-25px; border-radius:50%; }
#timeline .timeline-item .timeline-icon:before { content:''; background:#515151; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%; box-shadow:0px 2px 7px rgba(0,0,0,0.5); }
#timeline .timeline-item1 .timeline-icon { margin-top:0; }
#timeline .timeline-item1 .timeline-icon:before { background:rgba(237,30,36,0.50); }
#timeline .timeline-item2 .timeline-icon:before { background:rgba(244,115,32,0.50); }
#timeline .timeline-item3 .timeline-icon:before { background:rgba(254,193,14,0.50); }
#timeline .timeline-item4 .timeline-icon:before { background:rgba(205,220,41,0.50); }
#timeline .timeline-item5 .timeline-icon:before { background:rgba(106,190,69,0.50); }
#timeline .timeline-item6 .timeline-icon:before { background:rgba(56,198,244,0.50); }
#timeline .timeline-item7 .timeline-icon:before { background:rgba(62,95,172,0.50); }
#timeline .timeline-item8 .timeline-icon:before { background:rgba(217,68,152,0.50); }
#timeline .timeline-item .timeline-icon svg { position:absolute; top:14px; left:15px; }
#timeline .timeline-item .timeline-content { width:49%; float:left; }
#timeline .timeline-item .timeline-icon, #timeline .timeline-item .timeline-content { margin-top:-5%; }
#timeline .timeline-item .timeline-content-center { display:inline-block; width:80%; max-width:560px; background:rgba(255,255,255,0.87); padding:20px; box-shadow:0 3px 0 rgba(0,0,0,0.1); border-radius:5px; transition:all 0.3s ease;  box-shadow:0px 2px 7px rgba(0,0,0,0.5); text-align:center; }
#timeline .timeline-item .timeline-content h2 { text-transform:uppercase; font-family:'function'; position:relative; padding:0; height:50px; line-height:50px; background:rgba(0,0,0,0.27); color:#FFFFFF; margin:-20px -20px 0 -20px; font-weight:bold; border-radius:5px 5px 0 0; /*text-shadow:0px 0px 5px rgba(0,0,0,0.8);*/ }
#timeline .timeline-item .timeline-content h2 span { padding:0px 30px 2px; vertical-align:middle; display:inline-block; line-height:20px; }
#timeline .timeline-item1 .timeline-content {  margin-top:0%; }
#timeline .timeline-item1 .timeline-content h2 { background:rgba(237,30,36,0.50); }
#timeline .timeline-item2 .timeline-content h2 { background:rgba(244,115,32,0.50); }
#timeline .timeline-item3 .timeline-content h2 { background:rgba(254,193,14,0.50); }
#timeline .timeline-item4 .timeline-content h2 { background:rgba(205,220,41,0.50); }
#timeline .timeline-item5 .timeline-content h2 { background:rgba(106,190,69,0.50); }
#timeline .timeline-item6 .timeline-content h2 { background:rgba(56,198,244,0.50); }
#timeline .timeline-item7 .timeline-content h2 { background:rgba(62,95,172,0.50); }
#timeline .timeline-item8 .timeline-content h2 { background:rgba(217,68,152,0.50); }
#timeline .timeline-item .timeline-content h2::before { content:''; position:absolute; right:10px; top:50%; margin-top:-11px; width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:10px solid #FFFFFF; }
#timeline .timeline-item .timeline-content .timeline-text { text-align:justify; }
#timeline .timeline-item .timeline-content.right { float:right; }
#timeline .timeline-item .timeline-content.right .timeline-content-center { }
#timeline .timeline-item .timeline-content.right h2::before { content:''; left:10px; right:inherit; border-left:0; border-right:10px solid #FFFFFF; }
#timeline .timeline-item .timeline-content .galerie-photo { display:inline-block; max-width:300px; width:80%; margin:7.5% auto; }
#timeline .timeline-item .timeline-content .galerie-photo div { position:relative; }
#timeline .timeline-item .timeline-content .galerie-photo div:before, .galerie-photo div:after { content:""; border-radius:3px; width:100%; height:100%; position:absolute; border:10px solid #FFFFFF; background:#FFFFFF; left:0; box-sizing:border-box; box-shadow:0 1px 4px rgba(0, 0, 0, 0.4); transition:0.3s all ease-out; }
#timeline .timeline-item .timeline-content .galerie-photo div:before { top:4px; z-index:-10; }	
#timeline .timeline-item .timeline-content .galerie-photo div:after { top:8px; z-index:-20; }
#timeline .timeline-item .timeline-content .galerie-photo .vignette { width:100%; margin:0px auto 0; }
#timeline .timeline-item .timeline-content .galerie-photo.rotated-1 div:before { transform-origin:bottom left; transform:rotate(2deg); }
#timeline .timeline-item .timeline-content .galerie-photo.rotated-1 div:after { transform-origin:bottom left; transform:rotate(4deg); }
#timeline .timeline-item .timeline-content .galerie-photo.rotated-2 div:before { transform-origin:bottom left; transform:rotate(-3deg); }
#timeline .timeline-item .timeline-content .galerie-photo.rotated-2 div:after { transform-origin:bottom left; transform:rotate(-6deg); }
#timeline .timeline-item .timeline-content .galerie-photo.rotated-3 div:before { transform-origin:top left; transform:rotate(2deg); }
#timeline .timeline-item .timeline-content .galerie-photo.rotated-3 div:after { transform-origin:top right; transform:rotate(4deg); }
#timeline .timeline-item .timeline-content .galerie-photo.rotated-4 div:before { transform-origin:top right; transform:rotate(-3deg); }
#timeline .timeline-item .timeline-content .galerie-photo.rotated-4 div:after { transform-origin:top right; transform:rotate(-6deg); }
#timeline .timeline-item .timeline-content .galerie-photo.twisted-1 div:before { transform:rotate(4deg); }
#timeline .timeline-item .timeline-content .galerie-photo.twisted-1 div:after { transform:rotate(-4deg); }	
#timeline .timeline-item .timeline-content .galerie-photo.twisted-2 div:before { transform:rotate(-5deg); }	
#timeline .timeline-item .timeline-content .galerie-photo.twisted-2 div:after { transform:rotate(3deg); }
#timeline .timeline-item .timeline-content .galerie-photo:hover div::before, #timeline .timeline-item .timeline-content .galerie-photo:hover div::after { transform: rotate(0deg); }
#timeline .timeline-item .timeline-content .galerie-photo div img { max-width:100%; height:auto; vertical-align:bottom; border:10px solid #fff; border-radius:3px; box-sizing:border-box; box-shadow:0 1px 4px rgba(0, 0, 0, 0.4); }

@media screen and (max-width:580px) {
   #histoire-contenu-sous-titre1, #histoire-contenu-sous-titre2 { font-size:32px; }
}
@media screen and (max-width:360px) {
   #histoire-contenu-sous-titre1, #histoire-contenu-sous-titre2 { font-size:24px; }
}

@media screen and (max-width:2000px) {
   #timeline .timeline-item .timeline-icon, #timeline .timeline-item .timeline-content { margin-top:-10%; }
   #timeline .timeline-item1 .timeline-icon, #timeline .timeline-item1 .timeline-content { margin-top:0%; }
}

@media screen and (max-width:1600px) {
   #timeline .timeline-item .timeline-icon, #timeline .timeline-item .timeline-content { margin-top:-15%; }
   #timeline .timeline-item1 .timeline-icon, #timeline .timeline-item1 .timeline-content { margin-top:0%; }
}

@media screen and (max-width:1200px) {
   #timeline .timeline-item .timeline-icon, #timeline .timeline-item .timeline-content { margin-top:-20%; }
   #timeline .timeline-item1 .timeline-icon, #timeline .timeline-item1 .timeline-content { margin-top:0%; }
}

@media screen and (max-width:900px) {
   #timeline .timeline-item .timeline-icon, #timeline .timeline-item .timeline-content { margin-top:-30%; }
   #timeline .timeline-item1 .timeline-icon, #timeline .timeline-item1 .timeline-content { margin-top:0%; }
   #timeline .timeline-item .timeline-content { width:47%; }
}
@media screen and (max-width:768px) {
   #timeline { margin:30px 33px; padding:0px; width:90%; }
   #timeline:before { left:0; }
   #timeline .timeline-item .timeline-icon, #timeline .timeline-item .timeline-content { margin-top:0%; }
   #timeline .timeline-item .timeline-content { width:90%; float:right; }
   #timeline .timeline-item .timeline-content h2::before, #timeline .timeline-item .timeline-content.right h2::before { left:10px; border-left:0; border-right:10px solid #FFFFFF; }
   #timeline .timeline-item .timeline-icon { left:0; }
}
@media screen and (max-width:400px) {
   #timeline .timeline-item .timeline-content { width:85%; }
   #timeline .timeline-item .timeline-content, #timeline .timeline-item .timeline-content.right { margin-right:10px; }
}

#stuart-ville { position:relative; background:#EB1E83; padding:10px 0; text-align:center; }
#site-stuart-ville { position:absolute; color:#FFFFFF; right:15px; top:13px; font-size:13px; }
@media screen and (max-width:500px) {
   #stuart-ville { text-align:left; padding-left:15px; }
   #listeDeroulantelistVille { text-align:left; }
}
#plan-acces-background, #plan-acces-background2 { position:relative; /*box-shadow:0px 2px 11px rgba(0,0,0,0.5); width:90%;*/ margin:0 auto; }
#plan-acces-background-contenu { position:relative; width:100%; margin:0 auto; }
#plan-acces-titre { font-size:28px; font-family:'bison-bold'; text-transform:uppercase; font-weight:bold; text-align:center; color:#FFFFFF; text-shadow:1px 1px 1px rgba(0, 0, 0, 1); position:absolute; top:50%; left:0; right:0; bottom:0; }
#titreboutique { position:relative; padding:8px 20px; font-size:21px; font-weight:bold; background:#EB1E83; color:#FFFFFF; text-align:center; }
#titreboutiquetop { position:absolute; top:-52px; height:0px; width:0px; }
#maparea, #mapareacommande { background:rgba(255,255,255,0.87); text-align:left; display:block; overflow:auto; width:100%; min-height:300px; margin:0; padding:0; max-width:none; !important; align:center; }
#mapareacommande { width:70%; box-shadow:none; }
#maparea img, #mapareacommande img { max-width: none !important; }
@media screen and (max-width:475px) {
   #titreboutiquetop { top:-42px; }
}
media screen and (max-width:460px) {
   #plan-acces-titre { font-size:24px; }
}
#plan-acces-background .plan-acces-infowindow { font-family:'function', sans-serif; padding:0px; }
#plan-acces-background .plan-acces-title { font-family:'function', sans-serif; font-size:17px; font-weight:bold; padding:5px 5px; background-color:#EB1E83; color:#FFFFFF; margin:0; border-radius:3px 3px 3px 3px; text-align:left; }
#plan-acces-background .plan-acces-address { font-family:'function', sans-serif; font-size:15px; font-weight:normal; padding:2px 5px 0px 5px; margin:0; border-radius:0; text-align:left; }
#plan-acces-background .plan-acces-lien { display:inline-block; float:right; font-family:'function', sans-serif; font-size:15px; color:#FFFFFF; text-decoration:none; border-radius:3px; background:#4F4F4F; font-weight:normal; padding:3px 10px 3px 10px; margin:5px 0; text-align:left; }
#plan-acces-background .avis-happynoteme-widget { position:relative;display:block; font-family:'function', sans-serif; border:solid 2px #BFBFBF; border-radius:18px; font-size:15px; text-decoration:none; margin:8px 0px 3px 0; text-align:left; }
#plan-acces-background .avis-happynoteme-widget a { content:''; position:absolute; left:0; top:0; width:100%; height:100%; }
#plan-acces-background .avis-happynoteme-widget a::before { content:''; position:absolute; left:7px; top:-12px; width:28px; height:28px; background:url('../images/happynoteme.png') no-repeat; background-size:100%; }
#plan-acces-background .avis-happynoteme-widget .avis-client-titre { float:left; width:60%; background:#BFBFBF; margin-left:-1px; border-radius:20px 0 0 20px; text-align:center; padding:8px 0 8px 0; color:#FFFFFF; font-size:13px; }
#plan-acces-background .avis-happynoteme-widget .avis-client-titre span { display:inline-block; padding-left:22px; }
#plan-acces-background .avis-happynoteme-widget .avis-client-info { float:right; width:40%; text-align:center; }
#plan-acces-background .avis-happynoteme-widget .avis-note { font-weight:bold; font-size:14px; padding:1px 0 0 0; }
#plan-acces-background .avis-happynoteme-widget .avis-note span { font-weight:normal; font-size:11px; }
#plan-acces-background .avis-happynoteme-widget .nb-avis { color:#919191; font-size:11px; }
#plan-acces-background .avis-happynoteme-widget::after { content:''; clear:both; display:block; }

#listeboutiques { position:absolute; right:0px; top:0px; width:30%; height:100%; background:rgba(255,255,255,0.87); border-left:solid 2px #808080;overflow-y:auto; }
#affichageboutique { display:none; padding:4px; }
#affichage-carte, #affichage-liste { display:inline-block; width:50%; padding:3px 0; text-align:center; font-weight:bold; cursor:pointer; }
#affichage-carte div, #affichage-liste div { padding:3px 0; background:#EEEEEE; text-align:center; font-weight:bold; border-radius:4px; cursor:pointer; box-shadow:-2px -2px 4px rgba(0,0,0,0.50) inset; }
#affichage-carte div { margin-right:2px; }
#affichage-liste div { margin-left:2px; }
#affichage-carte.boutique-selection div, #affichage-liste.boutique-selection div { box-shadow:1px 1px 2px rgba(0,0,0,0.50) inset; background:#FFFFFF; }
#affichage-carte span, #affichage-liste span { display:inline-block; padding:4px 10px; }
.boutique-element { padding-bottom:10px; }
.boutique-element-titre { margin:10px 10px 2px 10px; padding:5px 10px 3px 10px; font-weight:bold; color:#FFFFFF; background:url('../images/background-ardoise.jpg'); line-height:15px; text-align:center; }
.boutique-element-contenu { text-align:left; padding:0px 10px 0 10px; font-size:13px; }
#listeboutiques hr { background:none; height:0px; border:none; border-bottom:1px dashed #808080; margin:0px auto 0px auto; width:80%; }
.service-livraison { position:relative; display:inline-block; border:dotted 1px #808080; background:#DDDDDD; padding:4px 45px 3px 4px; font-family:cocogoose; font-weight:bold; font-size:11px; line-height:13px; }
.service-livraison::after { position:absolute; content:''; right:5px; top:50%; margin-top:-13px; width:36px; height:26px; background:url('../images/service-livraison.svg') no-repeat; background-size:100%; }
.service-livraison .service { color:#000000; }
.service-livraison .livraison { color:#EB1E83; }
a.lien-ubereats { display: inline-block; float:right; width:74px; height:12px; background:url('../images/ubereats.svg') no-repeat center; background-size: auto; background-size:91%; margin-top:5px; padding:5px 4px 4px 4px; border:solid 1px #808080; margin-right:4px; border-radius:3px; }
a.boutique-element-choisir { display:inline-block; float:right; font-family:'function', sans-serif; font-size:15px; line-height:17px; color:#FFFFFF; text-decoration:none; border-radius:3px; background:#EB1E83; font-weight:normal; padding:3px 10px 2px 10px; margin:5px 0 0 0; text-align:left; text-decoration:none; }
.boutique-element::after { content:''; clear:both; display:block; height:1px; }
#bouton-popup-surplace, #bouton-popup-aemporter { position:absolute; cursor:pointer; user-select:none; bottom:10px; width:90px; border-radius:4px; color:#FFFFFF; font-size:15px; padding:6px 5px 5px 35px; background:#2F2F2F; font-weight:bold; text-align:center; }
#bouton-popup-surplace { left:10px; }
#bouton-popup-aemporter { right:10px; }
#bouton-popup-surplace:hover, #bouton-popup-aemporter:hover { background:#EB1E83; }
#bouton-popup-surplace::after, #bouton-popup-aemporter::after { content:''; position:absolute; left:8px; top:50%; margin-top:-10px; width:20px; height:20px; }
#bouton-popup-surplace::after { background:url('../images/bouton-livraison-sur-place.svg') no-repeat; background-size:100%; }
#bouton-popup-aemporter::after { background:url('../images/bouton-livraison-emporter.svg') no-repeat; background-size:100%; }
#bouton-popup-service-livraison { position:absolute; margin-left:-106px; left:50%; text-decoration:none; cursor:pointer; user-select:none; bottom:57px; border-radius:4px; color:#FFFFFF; font-size:15px; padding:9px 6px 8px 46px; width:160px; text-align:center; background:#EB1E83; font-weight:bold; text-align:center; }
#bouton-popup-service-livraison::after { content:''; position:absolute; left:8px; top:50%; margin-top:-13px; width:36px; height:26px; background:url('../images/bouton-service-livraison.svg') no-repeat; background-size:100%; }
#bouton-popup-ubereats1, #bouton-popup-ubereats2 { position:absolute; margin-left:-70px; left:50%; text-decoration:none; cursor:pointer; user-select:none; bottom:10px; border-radius:4px; color:#FFFFFF; font-size:15px; padding:6px 5px 5px 35px; width:100px; text-align:center; background:#2F2F2F; font-weight:bold; text-align:center; }
#bouton-popup-ubereats1 { background:#499300; } 
#bouton-popup-ubereats2 { background:#B3B3B3; } 
#bouton-popup-ubereats1::after, #bouton-popup-ubereats2::after { content:''; position:absolute; left:8px; top:50%; margin-top:-10px; width:20px; height:20px; background:url('../images/bouton-internet.svg') no-repeat; background-size:100%; }
#bouton-popup-ubereats2:hover { background:#499300; }

@media screen and (max-width:960px) {
   #mapareacommande { width:60%; }
   #listeboutiques { width:40%; }
}
@media screen and (max-width:800px) {
   #mapareacommande { width:100%; display:none; }
   #affichageboutique { display:block; }
   #listeboutiques { position:relative; right:none; top:none; width:100%; border-left:none; display:none; }
   #mapareacommande.boutique-selection, #listeboutiques.boutique-selection { display:block; }
}
@media screen and (max-width:400px) {
   #affichageboutique { font-size:15px; }
}
.boutique-contenu { position:relative; max-width:1000px; min-height:200px; padding:30px; background:rgba(255,255,255,0.87); margin:30px auto; box-shadow:0px 2px 11px rgba(0,0,0,0.5); }
.boutique-contenu::after { content:''; clear:both; display:block; }
.partie-contenu-image { float:left; width:45%; margin:0 2.5%; text-align:center; }
.partie-contenu-image div { margin:30px; text-align:center; }
.partie-contenu-image img { width:100%; max-width:400px; }
.partie-contenu-texte { float:left; width:45%; margin:30px 2.5%; text-align:left; }
.partie-contenu-titre { background:#000000 url('../images/background-ardoise.jpg'); box-shadow:0 -10px 30px 10px rgba(0,0,0,0.50) inset; color:#FFFFFF; font-size:20px; font-family:'bison-bold'; text-transform:uppercase; padding:10px 20px 10px 20px; }
.partie-titre-section { font-weight:bold; font-size:21px; margin:25px auto 8px auto; }
.boutique-retour1 { display:none; }
.boutique-retour2 { display:inline; }
.partie-contenu-texte ul { padding-left:15px; margin-top:0; }
#boutiques { padding-bottom:0; }
#boutique-chargement { position:absolute; z-index:6; left:50%; margin-left:-100px; top:50%; margin-top:-100px; height:200px; width:200px; background:url('../images/chargement-actus.svg') no-repeat; background-size:100%; }

@media screen and (max-width:1100px) {
   .boutique-contenu { margin-left:20px; margin-right:20px; }
}
@media screen and (max-width:800px) {
   .partie-contenu-image, .partie-contenu-texte { float:none; width:80%; margin:0 10%; }
   .boutique-retour1 { display:inline; }
   .boutique-retour2 { display:none; }
}
@media screen and (max-width:600px) {
   .partie-contenu-image, .partie-contenu-texte { float:none; width:90%; margin:0 5%; }
   .partie-contenu-image div { margin:10px; text-align:center; }
}
@media screen and (max-width:500px) {
   .partie-contenu-image, .partie-contenu-texte { float:none; width:100%; margin:0%; }
   .partie-contenu-image div { margin:10px; text-align:center; }
}
@media screen and (max-width:460px) {
   .partie-titre-section { font-size:17px; }
}

#liste-adresse-contenu { position:relative; }
#liste-adresse-top { position:absolute; top:-60px; }
#liste-adresse-contenu { border:solid 1px #808080; border-radius:4px; padding:12px 10px 10px 10px; margin-bottom:30px; }
#liste-adresse-chargement { position:absolute; z-index:6; left:50%; margin-left:-100px; top:50%; margin-top:-100px; height:200px; width:200px; background:url('../images/chargement-actus.svg') no-repeat; background-size:100%; }

#commande-adresse-contenu { position:relative; }
#commande-adresse-contenu-top { position:absolute; top:-60px; }
#formulaire-adresse { position:relative; min-height:300px; }
#formulaire-adresse-top { position:absolute; top:-60px; }
#formulaire-adresse-chargement { position:absolute; z-index:6; left:50%; margin-left:-100px; top:50%; margin-top:-100px; height:200px; width:200px; background:url('../images/chargement-actus.svg') no-repeat; background-size:100%; }
#formulaire-adresse-contenu { margin-bottom:50px; }
.partie-adresse-complete { border:solid 1px #808080; border-radius:4px; margin:20px auto 20px auto; background:#EEEEEE; padding:0px 10px 0px 10px; }
.partie-adresse { margin:15px auto 15px auto; }
.partie-adresse-titre { background:url('../images/background-ardoise.jpg') repeat; color:#FFFFFF; font-family:bison-bold; font-size:21px; padding:4px 10px 3px 10px; }
.partie-adresse-contenu { padding:5px 10px 0 10px; }
.partie-adresse-contenu .prix { white-space:nowrap; padding:3px; background:#EB1E83; border-radius:3px; color:#FFFFFF; }
.partie-adresse-contenu .prix .decimal { font-size:13px; }
.partie-adresse-contenu .prix .decimal span { display:inline-block; padding-left:2px; }
.partie-adresse-contenu .infos, .partie-adresse-contenu .infos2 { color:#888888; }
.partie-adresse-contenu .infos-complementaires { font-style:italic; font-size:13px; line-height:15px; display:block; }
#livraison-global-commande { display:inline-block; }
.livraison-commande-contenu { padding-bottom:5px; text-align:left; }
.livraison-commande-contenu .infos-complementaires { font-style:italic; font-size:17px; line-height:19px; display:block; }
.partie-adresse-contenu hr, .livraison-commande-contenu hr { height:0px; width:90%; border:none; border-top:dotted 1px #2F2F2F; margin:4px auto; } 

@media screen and (max-width:500px) {
   .partie-adresse-contenu .infos { display:none; }
}

/* EMOJIS */
.emojis { position:relative; display:inline-block; width:20px; height:12px; }
.emojis::after { content:''; position:absolute; width:20px; height:20px; left:0; top:-4px; background-size:100%; background-repeat:no-repeat; }
.emojis2 { position:relative; display:inline-block; width:14px; height:12px; }
.emojis2::after { content:''; position:absolute; width:14px; height:20px; left:0; top:-4px; background-size:100%; background-repeat:no-repeat; }
.emojis-avatar::after { background-image:url('../photos/icones/avatar.png'); }
.emojis-cadeau::after { background-image:url('../photos/icones/cadeau.png'); }
.emojis-carte-fidelite::after { background-image:url('../photos/icones/carte-fidelite.png'); }
.emojis-cookie::after { background-image:url('../photos/icones/cookie.png'); }
.emojis-cafe-a-emporter::after { background-image:url('../photos/icones/cafe-a-emporter.png'); }
.emojis-calendrier::after { background-image:url('../photos/icones/calendrier.png'); }
.emojis-compte::after { background-image:url('../photos/icones/compte.png'); }
.emojis-grain-cafe::after { background-image:url('../photos/icones/grain-cafe.png'); }
.emojis-serveuse-mcc::after { background-image:url('../photos/icones/serveuse-mcc.png'); }
.emojis-fauteuil::after { background-image:url('../photos/icones/fauteuil.png'); }
.emojis-fleche-plus::after { background-image:url('../photos/icones/fleche-plus.png'); }
.emojis-force::after { background-image:url('../photos/icones/force.png'); }
.emojis-four::after { background-image:url('../photos/icones/four.png'); }
.emojis-fraicheur::after { background-image:url('../photos/icones/fraicheur.png'); }
.emojis-medaille::after { background-image:url('../photos/icones/medaille.png'); }
.emojis-naturel::after { background-image:url('../photos/icones/naturel.png'); }
.emojis-tomate::after { background-image:url('../photos/icones/tomate.png'); }
.emojis-scan-code-barre::after { background-image:url('../photos/icones/scan-code-barre.png'); }
.emojis-warning::after { background-image:url('../photos/icones/warning.png'); }
.emojis-smiley::after { background-image:url('../photos/icones/smiley.png'); }

.partie-contact { width:100%; position:relative;text-align:center; }
.partie-contact-cadre { position:relative; margin:0 auto; width:80%; /*background:linear-gradient(to bottom, #F9DEB6 0%, #E4BD95 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/ box-shadow:0px 2px 11px rgba(0,0,0,0.5); }
.partie-contact-image { position:absolute; background-size:cover; background-position:center center; position:absolute; top:0%; left:0%; right:0%; width:100%; }
.partie-contact-contenu { text-align:left; padding:30px; background:rgba(255,255,255,0.87); }
.contact-bouton { position:absolute; left:50%; top:50%; margin-left:-120px; margin-top:-61px; width:240px; cursor:pointer; background:rgba(255,255,255,0.80); border:solid 3px #2F2F2F; border-radius:10px; font-family:'bison-bold'; font-size:42px; text-transform:uppercase; text-align:center; padding:15px 0 15px 0px; }
.contact-bouton:hover { background:#FFFFFF; }
@media screen and (max-width:600px) {
   .partie-contact-cadre { position:relative; margin:0 25px; width:auto; }
   .partie-contact-contenu { padding:25px; }
}
@media screen and (max-width:480px) {
   .contact-bouton { margin-left:-90px; margin-top:-49px; width:180px; border-radius:7px; font-size:30px; padding:12px 0 12px 0px; }
   .partie-contact-cadre { position:relative; margin:0 15px; width:auto; }
   .partie-contact-contenu { padding:15px; }
}
.contact-sous-titre, .contact-sous-titre2 { text-align:center; text-transform:uppercase; font-weight:bold; font-family:'function'; font-size:21px; padding:0 0 5px 0; }
.contact-sous-titre2 { padding-top:20px; }
.poste, .poste-open { position:relative; border-radius:4px; background:#EEEEEE; padding:10px 0 10px 0; margin:10px 0; border:solid 1px #808080; box-shadow:2px 2px 2px #FFFFFF inset, 2px 2px 2px #FFFFFF inset, 2px 2px 2px #FFFFFF inset, 2px -2px 2px #FFFFFF inset, 2px -2px 2px #FFFFFF inset, 2px -2px 2px #FFFFFF inset, -2px 2px 2px #FFFFFF inset, -2px 2px 2px #FFFFFF inset, -2px 2px 2px #FFFFFF inset, -2px -2px 2px #FFFFFF inset, -2px -2px 2px #FFFFFF inset, -2px -2px 2px #FFFFFF inset; }
.poste-titre { position:relative; font-weight:bold; font-family:'function'; font-size:17px; padding:4px 15px 4px 49px; cursor:pointer; }
.poste-titre::before { content:''; position:absolute; left:15px; top:50%; margin-top:-12px; width:24px; height:24px; background-image:url('../images/bloc-plus.svg'); background-repeat:no-repeat; background-size:100%; }
.poste-open .poste-titre::before { background-image:url('../images/bloc-moins.svg'); }
.poste-description { padding:15px; }
@media (max-width:400px) {
   .poste { padding:5px 0 5px 0; }
   .poste-titre { text-align:left; font-size:15px; padding:10px 15px 10px 45px; }
   .poste-titre::before { left:15px; margin-top:-10px; width:20px; height:20px; }
   .poste-description { padding:8px; }
}

#boutique-en-ligne-bienvenue { font-weight:bold; font-size:21px; text-align:center; padding-top:20px; }
.boutique-partie { width:30%; display:inline-block; margin:40px 2.5% 40px 2.5%; float:left; box-shadow:0px 2px 11px rgba(0,0,0,0.5); }
.boutique-partie1 { margin-left:0; }
.boutique-partie3 { margin-right:0; }
.boutique-partie-contenu { padding:5%; background:rgba(255,255,255,0.87); }
#boutique-en-ligne-contenu::after { content:''; clear:both; display:block; }
.boutique-partie-titre { font-weight:bold; text-align:center; padding:10px 0; }
.boutique-partie .boutique-text { text-align:justify; }
#boutique-parties { width:80%; display:inline-block; }
.boutique-partie a { position:relative; padding:10px 20px 10px 50px; margin:10px auto 20px auto; background:#737373; text-decoration:none; color:#FFFFFF; border-radius:4px; font-weight:bold; display:inline-block; cursor:pointer; }
.boutique-partie a::after { content:''; position:absolute; left:15px; top:50%; margin-top:-12px; width:24px; height:24px; }
.boutique-partie a#boutique-decouvrir::after { background:url('../images/bouton-me-balader.svg') no-repeat; background-size:100%; }
.boutique-partie a#boutique-inscrire::after { background:url('../images/bouton-compte2.svg') no-repeat; background-size:100%; }
.boutique-partie a#boutique-connecter::after { background:url('../images/bouton-se-connecter2.svg') no-repeat; background-size:100%; }
.boutique-partie a:hover { background-color:#EB1E83; color:#FFFFFF; }

@media (max-width:940px) {
   #boutique-en-ligne-entete-cadre2 { margin-bottom:40px; }
   .boutique-partie { width:45%; margin:0px 5% 40px 5%; }
   .boutique-partie1, .boutique-partie3 { margin-left:0; }
   .boutique-partie2 { margin-right:0; }
}
@media (max-width:700px) {
   #boutique-parties { width:auto; margin:0 20px; }
   #boutique-en-ligne-entete-cadre2 { margin:0px 20px 40px 20px; width:auto; }
}
@media (max-width:600px) {
   #boutique-en-ligne-entete-cadre2 { margin:0px 20px; }
   .boutique-partie { width:auto; float:none; display:block; margin:40px 0px 40px 0px; }
}
@media (max-width:540px) {
   #boutique-en-ligne-bienvenue { font-size:17px; }
}

#menu-produits { padding:0px 0; height:222px; position:relative; z-index:10; background:rgba(0,0,0,0.50); }
#menu-produits-contenu { overflow:hidden; padding:25px 0; height:172px;  margin-top:-222px; /*box-shadow:0px 2px 11px rgba(0,0,0,0.5);*/ border-left:none; border-right:none; position:relative; z-index:10; }
#menu-produits.fixed, #menu-produits.fixed-min , #menu-produits.fixed-ultra-min { position:fixed; margin-top:0; left:0; top:51px; right:0; }
#menu-produits.fixed #menu-produits-contenu, #menu-produits.fixed-min #menu-produits-contenu, #menu-produits.fixed-ultra-min #menu-produits-contenu { margin-top:0; }
#produitstop { position:absolute; top:-50px; }
#menu-produits-liste { margin:0; padding:0; list-style-type:none; position:absolute; -webkit-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transform-style:preserve-3d; }
#menu-produits-liste-prev, #menu-produits-liste-next { opacity:0; position:absolute; cursor:pointer; z-index:11; width:70px; height:100%; bottom:0; background:rgba(0,0,0,0.20); transition:all 0.25s ease; }
#menu-produits-liste-prev { left:0; }
#menu-produits-liste-next { right:0; }
#menu-produits-liste-prev::before { content:''; position:absolute; left:50%; top:50%; width:45px; height:85px; margin-left:-23px; margin-top:-43px; background:url('../images/menu-prev.svg') no-repeat; background-size:100%; }
#menu-produits-liste-next::before { content:''; position:absolute; right:50%; top:50%; width:45px; height:85px; margin-right:-23px; margin-top:-43px; background:url('../images/menu-next.svg') no-repeat; background-size:100%; }
#menu-produits:hover #menu-produits-liste-prev, #menu-produits:hover #menu-produits-liste-next { opacity:1; transition:all 0.25s ease; }
#menu-produits-liste li { border:solid 3px rgba(255,255,255,0.20); border-radius:50%; padding:17px; margin:0 10px; color:rgba(255,255,255,0.50); float:left; }
#menu-produits-liste li.selected { background:rgba(0,0,0,0.50); padding:17px; border:solid 3px #FFFFFF; color:#FFFFFF; box-shadow:0px 2px 11px rgba(0,0,0,0.5); }
.menu-produit { max-width:150px; display:inline-block; padding:15px 30px; }
.menu-produit:hover { cursor:pointer; }
.menu-produit-image { max-width:100px; position:relative; text-align:center; display:inline-block; }
.menu-produit-image img { visibility:hidden; max-width:100%; -webkit-transition:all 0.25s ease; transition:all 0.25s ease; }
.menu-produit-image .image-animee { position:absolute; left:0; top:0; right:0; bottom:0; -webkit-transition:all 0.25s ease; transition:all 0.25s ease; }
#menu-produits-liste li.selected .menu-produit-image .image-animee, .menu-produit:hover .menu-produit-image .image-animee { left:-20%; top:-20%; right:-20%; bottom:-20%; -webkit-transition:all 0.25s ease; transition:all 0.25s ease; }
.menu-produit-libelle { width:130px; position:relative; display:block; }
.menu-produit-libelle .libelle-anime { position:absolute; margin-top:0; left:0; top:0; right:0; bottom:0; text-align:center; font-size:13px; -webkit-transition:all 0.25s ease; transition:all 0.25s ease; }
#menu-produits-liste li.selected .menu-produit-libelle .libelle-anime, .menu-produit:hover .menu-produit-libelle .libelle-anime { position:absolute; left:-50px; right:-50px; margin-top:25px; color:#FFFFFF; text-shadow:1px 1px 1px #2F2F2F, 1px -1px 1px #2F2F2F, -1px 1px 1px #2F2F2F, -1px -1px 1px #2F2F2F, 1px 1px 1px #2F2F2F, 1px -1px 1px #2F2F2F, -1px 1px 1px #2F2F2F, -1px -1px 1px #2F2F2F, 1px 1px 1px #2F2F2F, 1px -1px 1px #2F2F2F, -1px 1px 1px #2F2F2F, -1px -1px 1px #2F2F2F; font-size:25px; text-align:center; -webkit-transition:all 0.25s ease; transition:all 0.25s ease; }

#menu-produits.fixed { background:#000000 url('../images/background-ardoise.jpg'); box-shadow:0 -10px 30px 10px rgba(0,0,0,0.50) inset; }
#menu-produits.fixed-min { height:170px; background:#000000 url('../images/background-ardoise.jpg'); box-shadow:0 -10px 30px 10px rgba(0,0,0,0.50) inset; }
#menu-produits.fixed-min #menu-produits-contenu { padding:15px 0; height:140px; }
#menu-produits.fixed-min #menu-produits-liste-prev { width:50px; }
#menu-produits.fixed-min #menu-produits-liste-prev::before { width:30px; height:57px; margin-left:-15px; margin-top:-28px; }
#menu-produits.fixed-min #menu-produits-liste-next { width:50px; }
#menu-produits.fixed-min #menu-produits-liste-next::before { width:30px; height:57px; margin-right:-15px; margin-top:-28px; }
#menu-produits.fixed-min #menu-produits-liste li, #menu-produits.fixed-min #menu-produits-liste li.selected { padding:13px 17px; border-width:2px; }
#menu-produits.fixed-min .menu-produit { max-width:120px; padding:8px 15px; }
#menu-produits.fixed-min .menu-produit-image { max-width:80px; position:relative; text-align:center; display:inline-block; }
#menu-produits.fixed-min .menu-produit-libelle { width:100px; font-size:15px; }
#menu-produits.fixed-min .menu-produit-libelle .libelle-anime { font-size:11px; }
#menu-produits.fixed-min #menu-produits-liste li.selected .menu-produit-libelle .libelle-anime, #menu-produits.fixed-min .menu-produit:hover .menu-produit-libelle .libelle-anime { left:-30px; right:-30px; margin-top:15px; font-size:17px; }

#menu-produits.fixed-ultra-min { height:95px; background:#000000 url('../images/background-ardoise.jpg'); box-shadow:0 -10px 30px 10px rgba(0,0,0,0.50) inset; }
#menu-produits.fixed-ultra-min #menu-produits-contenu { padding:5px 0; height:85px; }
#menu-produits.fixed-ultra-min #menu-produits-liste-prev { width:40px; }
#menu-produits.fixed-ultra-min #menu-produits-liste-prev::before { width:24px; height:46px; margin-left:-12px; margin-top:-23px; }
#menu-produits.fixed-ultra-min #menu-produits-liste-next { width:40px; }
#menu-produits.fixed-ultra-min #menu-produits-liste-next::before { width:24px; height:46px; margin-right:-12px; margin-top:-23px; }
#menu-produits.fixed-ultra-min #menu-produits-liste li, #menu-produits.fixed-ultra-min #menu-produits-liste li.selected { padding:9px; border-width:1px; margin:0 5px; }
#menu-produits.fixed-ultra-min .menu-produit { max-width:80px; padding:2px 6px; }
#menu-produits.fixed-ultra-min .menu-produit-image { max-width:40px; position:relative; text-align:center; display:inline-block; }
#menu-produits.fixed-ultra-min .menu-produit-libelle { width:80px; margin-left:-10px; margin-right:-10px; font-size:11px; }
#menu-produits.fixed-ultra-min .menu-produit-libelle .libelle-anime { font-size:8px; }
#menu-produits.fixed-ultra-min #menu-produits-liste li.selected .menu-produit-libelle .libelle-anime, #menu-produits.fixed-ultra-min .menu-produit:hover .menu-produit-libelle .libelle-anime { left:-20px; right:-20px; margin-top:10px; font-size:13px; }

#famille-produits { position:relative; padding:42px 20px 8px 20px; font-size:21px; font-weight:bold; background:rgba(255,255,255,0.50); cursor:pointer; }
#famille-produits::before { content:''; position:absolute; top:0px; left:50%; margin-left:-20px; background:url('../images/fleche-haut.svg') no-repeat; animation:flechehaut 1s ease-in-out infinite; width:40px; height:40px; }
#produitslistecontenttop.fixed-ultra-min { padding-top:100px; position:relative; }

@media (max-width:800px) {
   #menu-produits { height:170px; }
   #menu-produits-contenu { padding:15px 0; height:140px; margin-top:-170px; }
   #menu-produits-liste-prev { width:50px; }
   #menu-produits-liste-prev::before { width:30px; height:57px; margin-left:-15px; margin-top:-28px; }
   #menu-produits-liste-next { width:50px; }
   #menu-produits-liste-next::before { width:30px; height:57px; margin-right:-15px; margin-top:-28px; }
   #menu-produits-liste li, #menu-produits-liste li.selected { padding:13px 17px; }
   .menu-produit { max-width:120px; padding:8px 15px; }
   .menu-produit-image { max-width:80px; position:relative; text-align:center; display:inline-block; }
   .menu-produit-libelle { width:100px; font-size:15px; }
   .menu-produit-libelle .libelle-anime { font-size:11px; }
   #menu-produits-liste li.selected .menu-produit-libelle .libelle-anime, .menu-produit:hover .menu-produit-libelle .libelle-anime { left:-30px; right:-30px; margin-top:15px; font-size:17px; }
}

@media (max-width:720px) {
   #menu-produits.fixed, #menu-produits.fixed-min , #menu-produits.fixed-ultra-min { top:41px; }
   #produitslistecontenttop.fixed-ultra-min { padding-top:100px; position:relative; }
}

@media (max-width:630px) {
   #produitstop { top:-40px; }
}

#produits-liste { min-height:400px; background:#DDDDDD; padding:50px; background:#EEEEEE url('../images/background-miss-cookies.png'); position:relative; }
#produits-liste-content { position:relative; min-height:360px; padding:20px; background:rgba(255,255,255,0.87); border-radius:20px; max-width:1200px; margin:0 auto 0 auto; }
#produitslistecontenttop { position:absolute; top:-50px; }
/*.produits-liste-titre { background:#2F2F2F; padding:5px 20px; margin-bottom:20px; text-align:center; color:#FFFFFF; font-family:'bison-bold'; font-size:21px; text-transform:uppercase; letter-spacing:1px; }*/
.produits-liste-titre { background:rgba(221,221,221,0.80); box-shadow:1px 1px 2px rgba(0,0,0,0.50) inset; padding:5px 20px; margin-bottom:20px; text-align:center; color:#2F2F2F; font-family:'bison-bold'; font-size:21px; text-transform:uppercase; letter-spacing:1px; }
#produits-chargement { position:absolute; z-index:6; left:50%; margin-left:-100px; top:150px; height:200px; width:200px; background:url('../images/chargement-actus.svg') no-repeat; background-size:100%; }

@media (max-width:630px) {
   #produits-liste { padding:30px; }
   #produits-liste-titre { font-size:15px; }
   #produits-liste-content { min-height:300px; }
   #produitslistecontenttop { top:-40px; }
}

@media (max-width:450px) {
   #produits-liste { padding:30px 0px; }
   #produits-liste-content { padding:20px 0px; min-height:240px; }
   #produits-vides-cadre { margin:0 20px; }
}

.borne-liste { text-align:left; }

#etape-prec { position:absolute; cursor:pointer; bottom:-40px; left:4px; width:48px; height:36px; text-align:center; z-index:20; background:url('../images/etape-precedente.svg') no-repeat; background-size:100%; }
#etape-prec::after { content:'Retour'; position:absolute; left:0px; top:40px; text-align:center; width:48px; white-space:nowrap; font-weight:bold; font-family:'function'; font-size:14px; color:#000000; text-shadow:1px 1px 1px #FFFFFF, 1px -1px 1px #FFFFFF, -1px 1px 1px #FFFFFF, -1px -1px 1px #FFFFFF, 1px 1px 1px #FFFFFF, 1px -1px 1px #FFFFFF, -1px 1px 1px #FFFFFF, -1px -1px 1px #FFFFFF, 1px 1px 1px #FFFFFF, 1px -1px 1px #FFFFFF, -1px 1px 1px #FFFFFF, -1px -1px 1px #FFFFFF; }
#borne-sac { position:absolute; bottom:-176px; right:4px; width:122px; height:170px; text-align:center; z-index:20; }
#borne-sac.fixed { position:fixed; top:280px; }
#borne-sac.fixed-min { position:fixed; top:227px; }
#borne-sac.fixed-ultra-min { position:fixed; top:152px; }
#borne-sac-image { position:absolute; top:0px; left:0px; width:122px; height:170px; z-index:1; background:url('../images/boutique-bag.png') no-repeat; background-size:100%; }
#borne-sac-nb-produits { position:absolute; background:#FFFFFF; border:solid 2px #1E1E1E; width:86px; height:41px; z-index:2; line-height:44px; font-size:35px; font-weight:bold; padding-top:45px; border-radius:50%; left:50%; margin-left:-44px; top:47px; }
#borne-sac-nb-produits-separation { position:absolute; top:92px; left:50%; width:60px; margin-left:-30px; height:3px; background:#000000; border-radius:2px; z-index:2; }
#borne-sac-nb-produits-choisis { position:absolute; width:60px; height:40px; z-index:2; line-height:44px; font-size:35px; font-weight:bold; left:50%; margin-left:-30px; top:53px; color:#EB1E83; }

@media (max-width:1200px) {
   #borne-sac { width:80px; height:111px; }
   #borne-sac-image { width:80px; height:111px; }
   #borne-sac-nb-produits { width:56px; height:25px; font-size:19px; line-height:24px; padding-top:31px; margin-left:-30px; top:28px; }
   #borne-sac-nb-produits-separation { top:58px; width:30px; margin-left:-15px; height:2px; }
   #borne-sac-nb-produits-choisis { width:60px; height:30px; font-size:19px; line-height:19px; margin-left:-30px; top:37px; }
}

@media (max-width:800px) {
   #borne-sac { bottom:-89px; width:59px; height:82px; }
   #borne-sac-image { width:59px; height:82px; }
   #borne-sac-nb-produits { width:40px; height:20px; font-size:16px; line-height:19px; padding-top:22px; margin-left:-22px; top:23px; }
   #borne-sac-nb-produits-separation { top:45px; width:24px; margin-left:-12px; height:2px; }
   #borne-sac-nb-produits-choisis { width:40px; height:20px; font-size:16px; margin-left:-20px; top:27px; }
}

@media (max-width:720px) {
   #borne-sac.fixed { top:270px; }
   #borne-sac.fixed-min { top:217px; }
   #borne-sac.fixed-ultra-min { top:142px; }
}

.borne-element, .borne-element-off { position:relative; display:inline-block; margin:20px; padding:20px; max-width:156px; border-radius:8px; background:#000000 url('../images/background-ardoise.jpg'); box-shadow:0 0 30px 30px rgba(0,0,0,0.50) inset; }
.borne-element-est-formule { padding-bottom:10px; }
.borne-element-avec-formule { padding-bottom:25px; }
.borne-element-formule, .borne-element-formule-actif { padding-bottom:40px; }
.borne-element:hover, .borne-element-formule-actif { cursor:pointer; }
.borne-element:hover { box-shadow:2px 2px 2px #000 inset, 2px -2px 2px #000 inset, -2px 2px 2px #000 inset, -2px -2px 2px #000 inset, 2px 2px 6px rgba(0,0,0,0.80); }
.borne-element .fond, .borne-element-off .fond { display:inline-block; position:relative; }
.borne-element .vide, .borne-element-off .vide { max-width:100%; }
.borne-element .image-fond, .borne-element-off .image-fond { position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-size:100%; }
.borne-element .libelle, .borne-element-off .libelle { height:37px; display:block; float:left; width:100%; color:#FFFFFF; }
.borne-element-est-formule .libelle { height:46px; padding-top:26px; }
.borne-element-avec-formule .libelle { height:45px; padding-top:12px; }
.borne-element-off:hover { cursor:default; }

.borne-element span.prix, .borne-element-off span.prix { position:absolute; background:#EB1E83; top:3px; left:3px; white-space:nowrap; overflow:hidden; width:50px; height:20px; padding:13px 0 17px 0; text-align:center; z-index:3; color:#FFFFFF; border-radius:50%; font-weight:bold; font-size:23px; }
.borne-element span.prix span.signe, .borne-element-off span.prix span.signe { display:inline-block; font-size:13px; margin-right:0px; }
.borne-element span.prix span.decimal, .borne-element-off span.prix span.decimal { font-size:10px; position:relative; }
.borne-element span.prix span.decimal span, .borne-element-off span.prix span.decimal span { position:absolute; top:-12px; left:3px; }

.borne-element span.pointsfidelites, .borne-element-off span.pointsfidelites { position:absolute; background:#EB1E83; top:3px; left:3px; overflow:hidden; width:50px; height:20px; padding:8px 0 22px 0; text-align:center; z-index:3; color:#FFFFFF; border-radius:50%; font-weight:bold; font-size:23px; }
.borne-element span.pointsfidelites span, .borne-element-off span.pointsfidelites span { position:absolute; top:28px; left:0px; font-size:12px; width:50px; }

.borne-element span.selection, .borne-element-off span.selection { position:absolute; background:rgba(83,83,83,0.50) url('../images/checked.svg') no-repeat center center; background-size:30px; top:3px; left:3px; white-space:nowrap; overflow:hidden; width:50px; height:50px; z-index:3; color:#FFFFFF; border-radius:50%; }
.borne-element .bouton-barre, .borne-element-off .bouton-barre { position:absolute; z-index:1; display:none; left:3px; bottom:3px; right:3px; height:30px; }
.borne-element .bouton-moins, .borne-element-off .bouton-moins { position:absolute; z-index:1; display:none; left:0px; bottom:0; width:33%; height:30px; border-radius:0 0 0 7px; background:#C4C4C4 url('../images/bouton-moins.svg') no-repeat center center; background-size:16px; cursor:pointer; }
.borne-element .bouton-plus, .borne-element-off .bouton-plus { position:absolute; z-index:1; display:none; right:0px; bottom:0; width:33%; height:30px; border-radius:0 0 7px 0; background:#C4C4C4 url('../images/bouton-plus.svg') no-repeat center center; background-size:16px; }
.borne-element .bouton-compteur, .borne-element-off .bouton-compteur { position:absolute; z-index:2; display:none; left:33%; bottom:0; width:33%; height:28px; font-weight:bold; font-size:24px; padding-top:2px; border-left:solid 2px #FFFFFF; border-right:solid 2px #FFFFFF; background:#C4C4C4; color:#FFFFFF; }

.borne-element-formule-actif .bouton-barre, .borne-element:hover .bouton-barre { display:block; } 
.borne-element-formule-actif span.selection, .borne-element-formule-actif .bouton-moins, .borne-element-formule-actif .bouton-plus, .borne-element-formule-actif .bouton-compteur, span.selection, .borne-element:hover span.selection, .borne-element:hover .bouton-moins, .borne-element:hover .bouton-plus, .borne-element:hover .bouton-compteur { display:block; background-color:#EB1E83; } 
.borne-element-off span.selection, .borne-element-formule-actif .bouton-plus { cursor:default; } 

.borne-cellule { width:20%; text-align:center; display:inline-block; user-select:none; }
.borne-element .bandeau-formule-div { position:absolute; height:70px; left:-1px; right:-1px; bottom:50px; overflow:hidden; }
.borne-element .bandeau-formule { position:absolute; transform:rotate(-10deg); left:-6px; right:-6px; bottom:20px; padding:4px 0 2px 0; text-transform:uppercase; color:#FFFFFF; font-weight:bold; background:#EB1E83; border-top:solid 2px #FFFFFF; border-bottom:solid 2px #FFFFFF; box-shadow:1px 0px 2px #000C, 0px 2px 1px #000C; text-shadow:1px 1px 1px rgba(0,0,0,0.50); }
.borne-element .bandeau-formule::before { content:''; transform:rotate(10deg); position:absolute; left:4px; top:-2px; bottom:-2px; width:1px; background:rgba(255,255,255,0.50); }
.borne-element .bandeau-formule::after { content:''; transform:rotate(10deg); position:absolute; right:4px; top:-2px; bottom:-2px; width:1px; background:rgba(0,0,0,0.18); }
.borne-element .produit-info { position:absolute; right:10px; top:10px; width:20px; height:20px; cursor:help; background:url('../images/picto-info.svg') no-repeat; background-size:100%; }
@media (max-width:1280px) {
   .borne-cellule { width:25%; text-align:center; display:inline-block; }
}
@media (max-width:1020px) {
   .borne-cellule { width:33.3%; text-align:center; display:inline-block; }
}
@media (max-width:800px) {
   .borne-element { margin:10px; padding:10px; max-width:120px; }
   .borne-element-avec-formule { padding-bottom:15px; }
   .borne-element-est-formule { padding-bottom:0px; }
   .borne-element .bandeau-formule-div { bottom:35px; height:50px; }
   .borne-element .bandeau-formule { bottom:15px; padding:2px 0px 2px 0px; line-height:12px; font-size:13px; box-shadow:1px 0px 2px #000C, 0px 1px 1px #000C; }
   .borne-element .bandeau-formule::before { left:5px; }
   .borne-element .bandeau-formule::after { right:5px; background:rgba(0,0,0,0.20); }
   .borne-element-formule, .borne-element-formule-actif { padding-bottom:30px; }
   .borne-element:hover { box-shadow:2px 2px 2px #000 inset, 2px -2px 2px #000 inset, -2px 2px 2px #000 inset, -2px -2px 2px #000 inset, 1px 1px 4px rgba(0,0,0,0.80); }
   .borne-element .libelle { height:38px; font-size:13px; }
   .borne-element-avec-formule .libelle { height:31px; padding-top:4px; }
   .borne-element-est-formule .libelle { height:37px; padding-top:13px; }
   .borne-element span.prix { width:36px; height:16px; padding:9px 0 11px 0; font-size:17px; }
   .borne-element span.prix span.signe { font-size:13px; }
   .borne-element span.prix span.decimal { font-size:8px; position:relative; }
   .borne-element span.prix span.decimal span { top:-9px; left:2px; }
   .borne-element span.pointsfidelites { width:36px; height:16px; padding:3px 0 17px 0; font-size:17px; }
   .borne-element span.pointsfidelites span { top:20px; left:0px; font-size:9px; width:36px; }
}
@media (max-width:630px) {
   .borne-cellule { width:50%; text-align:center; display:inline-block; }
}
@media (max-width:450px) {
   .borne-element { margin:10px 5px; padding:5px; max-width:150px; }
   .borne-element-avec-formule { padding-bottom:18px; }
   .borne-element-avec-formule .libelle { height:31px; padding-top:6px; }
   .borne-element-formule, .borne-element-formule-actif { padding-bottom:30px; }
   .borne-element span.selection { width:40px; height:40px; background-size:24px; }
}

#produit-informations-image { position:absolute; left:-40px; top:-40px; width:150px; height:150px; overflow:hidden; border-radius:50%; background:#2F2F2F url('../images/background-ardoise.jpg'); }
#produit-informations-image::after { content:''; position:absolute; left:0px; top:0px; width:150px; height:150px; box-shadow:-2px -2px 8px rgba(0,0,0,0.50) inset; border-radius:50%; }
#produit-informations-image img { position:absolute; left:40px; top:40px; width:97px; height:102px; }
#produit-informations-titre { display:flex; padding-left:120px; padding-right:53px; align-items:center; text-align:center; justify-content:center; height:111px; padding-bottom:5px; font-weight:bold; font-size:21px; background:#EB1E83; color:#FFFFFF; box-shadow:0 2px 4px rgba(0,0,0,0.25); }
#produit-informations-description { margin:15px; padding:10px; font-size:13px; font-weight:bold; text-align:justify; background:rgba(221,221,221,0.80); border-radius:5px; box-shadow:1px 1px 2px rgba(0,0,0,0.50) inset; }
#produit-informations-allergenes { margin:15px 15px 0 15px; padding:10px 0 10px 0; font-size:13px; text-align:justify; }
#produit-informations-allergenes-titre { font-size:15px; font-weight:bold; text-align:center; text-transform:uppercase; }
.produit-informations-allergene { margin:8px 0; border-top:solid 1px #CCCCCC; padding:10px 15px 0 35px; position:relative; text-align:left; }
.produit-informations-allergene-image { position:absolute; left:5px; top:5px; width:24px; height:24px; }
.produit-informations-allergene-type-image { position:absolute; left:7px; top:-1px; width:16px; height:16px; }
.produit-informations-allergene-type { display:inline-block; position:relative; padding:0px 0px 0 27px; }
.produit-informations-allergene-libelle { position:relative; display:inline; font-weight:bold; text-transform:uppercase; }
.produit-informations-allergene-type-libelle { position:relative; display:inline-block; font-weight:bold; font-size:10px; text-transform:uppercase; }
.produit-informations-allergene-contenu, .produit-informations-allergene-present { position:absolute; display:inline-block; right:5px; width:7px; height:7px; top:50%; margin-top:-1px; border:solid 2px #2F2F2F; border-radius:50%; }
.produit-informations-allergene-contenu { background:#2F2F2F; }
.produit-informations-allergene-present { background:#FFFFFF; }
#produit-informations-allergenes-legende { margin-top:10px; border-top:dashed 1px #2F2F2F; padding-top:3px; }
#produit-informations-allergenes-legende div { padding:0px 5px; margin:5px 0px 0px 0px; }
#produit-informations-allergenes-legende div span { width:11px; height:11px; position:relative; margin-right:15px; }
#produit-informations-allergenes-legende div span::after { content:''; position:absolute; left:0px; top:3px; width:11px; height:11px; border:solid 2px #2F2F2F; border-radius:50%; }
#produit-informations-allergenes-legende div#produit-informations-allergenes-legende-contenu span::after { background:#2F2F2F; }
#produit-informations-allergenes-legende div#produit-informations-allergenes-legende-present span::after { background:#FFFFFF; }
#produit-informations-allergenes-complement { margin:15px 15px 0 15px; padding-bottom:5px; }
#produit-informations-allergenes-complement-titre { font-size:15px; font-weight:bold; text-align:center; text-transform:uppercase; user-select:none; }
#produit-informations-allergenes-complement-titre.complement-off, #produit-informations-allergenes-complement-titre.complement-on { cursor:pointer; }
#produit-informations-allergenes-complement-titre span { position:relative; display:inline-block; padding-left:17px; }
#produit-informations-allergenes-complement-titre span::before { content:''; position:absolute; left:0px; top:2px; width:13px; height:13px; }
#produit-informations-allergenes-complement-titre.complement-off span::before { background:url('../images/bloc-plus.svg') no-repeat; background-size:100%; }
#produit-informations-allergenes-complement-titre.complement-on span::before { background:url('../images/bloc-moins.svg') no-repeat; background-size:100%; }
#produit-informations-allergenes-complement-texte { font-size:11px; text-align:justify; line-height:11px; padding-bottom:10px; }
#produit-informations-allergenes-complement-texte p { padding:4px 0 2px 0; margin:0px; line-height:13px; }

#contact-message-image { background-image:url('../photos/entetes/contact.jpg'); }
#contact-recrutement-image { background-image:url('../photos/entetes/recrutement.jpg'); }
#compte-inscription-image { background-image:url('../photos/entetes/inscription.jpg'); }
#compte-connexion-image { background-image:url('../photos/entetes/connexion.jpg'); }
#compte-motdepasse-image { background-image:url('../photos/entetes/motdepasse.jpg'); }
#compte-compte-image { background-image:url('../photos/entetes/informations.jpg'); }
#compte-coordonnees-image { background-image:url('../photos/entetes/inscription.jpg'); }
#compte-commandes-image { background-image:url('../photos/entetes/commandes.jpg'); }
#carte-fidelite-image { background-image:url('../photos/entetes/fidelite.jpg'); }
#compte-fidelite-image { background-image:url('../photos/entetes/fidelite.jpg'); }
#fidelite-image { background-image:url('../photos/entetes/fidelite.jpg'); }
#carte-image { background-image:url('../photos/entetes/carte.jpg'); }
#produits-image { background-image:url('../photos/entetes/produits.jpg'); }
#panier-image { background-image:url('../photos/entetes/panier.jpg'); }
#boutique-en-ligne-image { background-image:url('../photos/entetes/panier.jpg'); }
#commande-adresse-image { background-image:url('../photos/entetes/adresse.jpg'); }
#page-obligatoire-image { background-image:url('../photos/entetes/obligatoire.jpg'); }
#erreur-image { background-image:url('../photos/entetes/erreur.jpg'); }

#motdepasseoublie { font-size:13px; display:inline-block; margin-left:2px; }


/* FORMULAIRE */
.fieldset { position:relative; padding:20px 20px 2px 20px; background:#EEEEEE; border-radius:4px; position:relative; min-height:75px; margin:30px 0 0; border:solid 1px #808080; box-shadow:2px 2px 2px #FFFFFF inset, 2px 2px 2px #FFFFFF inset, 2px 2px 2px #FFFFFF inset, 2px -2px 2px #FFFFFF inset, 2px -2px 2px #FFFFFF inset, 2px -2px 2px #FFFFFF inset, -2px 2px 2px #FFFFFF inset, -2px 2px 2px #FFFFFF inset, -2px 2px 2px #FFFFFF inset, -2px -2px 2px #FFFFFF inset, -2px -2px 2px #FFFFFF inset, -2px -2px 2px #FFFFFF inset; }
.fieldset::before { content:''; position:absolute; right:4px; width:1px; top:4px; bottom:4px; background:#DDDDDD; }
.fieldset::after { content:''; position:absolute; right:4px; height:1px; left:4px; bottom:4px; background:#DDDDDD; }
.fieldset-compte { padding:20px 13px 2px 13px; margin-top:20px; }
/*.fieldset-averifier { background:linear-gradient(to bottom, #FF0000 0%, #DD0000 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); color:#FFFFFF; }*/
.fieldset-averifier { background-color:#00B3FF; color:#FFFFFF; }
.fieldset-averifier::before { content:none; }
.fieldset-averifier::after { content:none; }
.fieldset-averifier b { color:#000000; font-weight:normal; }
.fieldset-averifier a { color:#000000; }
.fieldset-legend, .fieldset-legend2 { margin:-20px -20px 0 0px; padding:20px 0 12px 0; text-transform:uppercase; font-weight:bold; min-height:21px; }
.fieldset-legend span, .fieldset-legend2 span { color:#EB1E83; }
.fieldset-averifier .fieldset-legend span, .fieldset-averifier .fieldset-legend2 span { color:#000000; }
.fieldset-label, .fieldset-label-long { padding:10px 0; width:37%; text-align:left; display:inline-block; line-height:21px; min-height:22px; }
.fieldset-label-long { width:63%; }
.fieldset-label small { font-size:11px; }
.fieldset-top { float:left; }
.fieldset-top2 { float:left; padding-top:15px; }
.fieldset-label-ligne { padding:10px 0; text-align:left; display:block; line-height:21px; }
.fieldset-label-ligne2 { padding:0px 0 10px 0; text-align:left; display:block; line-height:21px; }
.fieldset-label-ligne-valeur { display:inline-block; }
.fieldset-field, .fieldset-field-court { padding:10px 0; width:63%; text-align:left; display:inline-block; }
.fieldset-field-court { width:37%; }
.fieldset-field-lecture { font-weight:bold; color:#EB1E83; }
.fieldset-label2 { padding:10px 0; width:50%; text-align:left; display:inline-block; line-height:21px; }
.fieldset-field2 { padding:10px 0; width:50%; text-align:left; display:inline-block; }
.fieldset-label3 { padding-top:0; }
.fieldset-label4 { padding:10px 0; width:auto; text-align:left; }
.fieldset-field3 { padding-top:0; }
#pretatravailler:after { content:'\A.\A.'; white-space:pre;  color:#DDDDDD;}
@media (max-width:700px) {
   .retour-ligne { display:none; }
   .fieldset-label, .fieldset-label-long { width:auto; display:block; padding-left:2px; padding-bottom:2px; }
   .fieldset-top { float:none; }
   .fieldset-top2 { float:none; padding-top:10px; }
   .fieldset-field, .fieldset-field-court { width:auto; display:block; padding-top:2px; }
   #pretatravailler:after { display:none; }
}
@media screen and (max-width:480px) {
   .fieldset { margin-top:15px;}
   .fieldset-compte { margin-top:20px;}
}
.signe-obligatoire { position:relative; display:inline-block; width:15px; height:15px; }
.signe-obligatoire span { color:#EB1E83; font-size:26px; position:absolute; right:0px; top:2px; }
.fieldset label { color:#808080; }
.input-select { font-family:'function','arial'; font-size:17px; padding:2px 4px; border:solid 1px #CDCDCD; color:#808080; margin:2px; display:inline-block; -webkit-appearance:none; border-radius:0; }
.input-select option { font-family:'function','arial'; font-size:17px; }
.input-text { font-family:'function','arial'; font-size:17px; line-height:18px; padding:2px 4px; border:solid 1px #CDCDCD; color:#808080; margin:2px; display:inline-block; -webkit-appearance:none; border-radius:0; }
.textarea { font-family:'function',arial; font-size:17px; resize:none; width:98%; padding:2px 4px; border:solid 1px #CDCDCD; color:#808080; -webkit-appearance:none; border-radius:0; }
.cpt-textarea { font-size:13px; }
.cpt-textarea span { font-weight:bold; }
@media (max-width:480px) {
   .input-text { max-width:94%; }
   #tbCodePostal { max-width:21%; }
   #tbVille { max-width:63%; }
}
.oeil-ferme, .oeil-ouvert { margin-left:10px; width:20px; height:20px; cursor:pointer; display:inline-block; vertical-align:text-bottom; }
.oeil-ferme { background:url('../images/picto-oeil-ferme.svg') no-repeat; background-size:100%; }
.oeil-ouvert { background:url('../images/picto-oeil-ouvert.svg') no-repeat; background-size:100%; }
.fieldset hr { border:none; background:rgba(255,255,255,0.87); height:3px; margin:0 -16px; border-top:solid 1px #DDDDDD; position:relative; }
.fieldset-compte hr { margin:0 -9px;  }
.fieldset hr.separation { border:solid 3px #FFFFFF; background:rgba(0,0,0,0.50); height:3px; margin:0 -20px;  }

.listeDeroulanteClasse { position:relative; height:28px; z-index:15; display:inline-block; cursor:pointer; vertical-align:middle; margin-left:2px; }
.listeDeroulanteGauche { position:absolute; z-index:2; left:0px; top:0px; width:3px; height:23px; border:solid 1px #CDCDCD; border-right:none; background:#FFFFFF; }
.listeDeroulanteDroite { position:relative; z-index:1; right:0px; top:0px; height:21px; padding:2px 25px 0 3px; border:solid 1px #CDCDCD; border-left:none; background:#FFFFFF; overflow:hidden; }
.listeDeroulanteDroite::after { content:''; position:absolute; right:5px; top:6px; width:12px; height:12px; background:url('../images/liste-deroulante.svg') no-repeat; background-size:100% 100%; }
.listeDeroulanteDroite span { color:#808080; font-size:17px; line-height:18px; }
.listeDeroulanteListe  { position:relative; margin-top:-1px; z-index:14; display:inline-block; }
.listeDeroulanteEspace { position:relative; background-color:#FFFFFF; border-left:solid 1px #C2C2C4; border-right:solid 1px #C2C2C4; height:0px; cursor:pointer; font-size:0px; }
.listeDeroulanteListe ul { margin:0px 0px 0px 0px; padding:0px; color:#808080; list-style-type:none; z-index:14; max-height:138px; overflow-x: hidden; overflow-y: auto; }
.listeDeroulanteListe li { margin:0px; padding:1px 6px 1px 2px; background-color:#FFFFFF; border-left:solid 1px #C2C2C4; border-right:solid 1px #C2C2C4; cursor:pointer; }
.listeDeroulanteListe li div.optionValeur { font-size:17px }
.listeDeroulanteOptionsBasGauche { display:none; }
.listeDeroulanteOptionsBasDroite { height:1px; width:auto; background-color:#C2C2C4; cursor:pointer; font-size:0px; /*margin-right:18px;*/ }
.listeDeroulanteListe li.optionSelectionnee { background:#DDDDDD; }
.listeDeroulanteListe li.optionSurlignee { background:#EEEEEE; }

div.captcha-content { float:left; }
div.captcha-content img { width:100px; height:40px; border:dotted 1px rgba(0,0,0,0.20); }
div.captcha-maj-bouton { float:left; width:21px; height:20px; position:relative; }
div.captcha-maj-image { position:absolute; top:2px; left:5px; width:20px; height:20px; background:url('../images/bouton-refresh2.svg') no-repeat; background-size:100% 100%; cursor:pointer; }
.fieldset-captcha::after { content:''; clear:both; display:block; }

#verification { position:relative; }
#verification-top { position:absolute; top:-60px; }
#verification-chargement { position:absolute; z-index:6; left:50%; margin-left:-100px; top:100px; margin-top:-100px; height:200px; width:200px; background:url('../images/chargement-actus.svg') no-repeat; background-size:100%; }
.fieldset-bloc { position:relative; border:solid 1px #808080; border-radius:4px; min-height:26px; margin:20px auto 20px auto; background:#EEEEEE; padding:5px 10px 5px 10px; }
.fieldset-bloc-ok, .fieldset-bloc-ko { padding:5px 10px 5px 50px; }
.fieldset-bloc-ok::before { content:''; position:absolute; left:-1px; top:-1px; bottom:-1px; width:45px; background:#16BF00; border-radius:4px 0 0 4px; border:solid 1px #108A00; border-right:none; }
.fieldset-bloc-ok::after { content:''; position:absolute; left:10px; top:50%; margin-top:-12px; width:24px; height:24px; background:url('../images/message-ok.svg') no-repeat; background-size:100%; }
.fieldset-bloc-ko::before { content:''; position:absolute; left:-1px; top:-1px; bottom:-1px; width:45px; background:#DD0000; border-radius:4px 0 0 4px; border:solid 1px #9E0000; border-right:none; }
.fieldset-bloc-ko::after { content:''; position:absolute; left:10px; top:50%; margin-top:-12px; width:24px; height:24px; background:url('../images/message-error.svg') no-repeat; background-size:100%; }
.line-bloc { padding:3px 0px; }
.line-bloc-verification { font-size:13px; padding:0px 0px 3px 0px; }
.line-bloc2 { padding:3px 0px; font-size:12px; font-style:italic; color:#4F4F4F; }

#infos-complementaires { vertical-align:top; }

#magasin { position:relative; }
#magasin .line-bloc { font-size:15px; }
.fieldset-bloc-magasin { padding-left:200px; min-height:190px; }
#bloc-magasin-image { position:absolute; left:-1px; top:-1px; bottom:-1px; width:191px; border:solid 1px #000000; border-right:none; background:#2F2F2F url('../images/background-ardoise.jpg'); border-radius:4px 0 0 4px; }
#bloc-magasin-image div { position:absolute; left:10px; top:50%; margin-top:-85px; width:170px; height:170px; }
#bloc-magasin-image img { width:100%; max-width:175px; }
@media (max-width:720px) {
   .fieldset-bloc-magasin { padding-left:150px; min-height:140px; }
   #bloc-magasin-image { width:141px; }
   #bloc-magasin-image div { margin-top:-60px; width:120px; height:120px; }
   #bloc-magasin-image img { max-width:125px; }
}
@media (max-width:420px) {
   .fieldset-bloc-magasin { padding-left:120px; min-height:110px; }
   #bloc-magasin-image { width:111px; }
   #bloc-magasin-image div { margin-top:-45px; width:90px; height:90px; }
   #bloc-magasin-image img { max-width:95px; }
}
#boutique .avis-happynoteme, #magasin .avis-happynoteme { position:relative;display:block; width:200px; font-family:'function', sans-serif; border:solid 2px #2F2F2F; border-radius:18px; font-size:15px; text-decoration:none; margin:20px 0px 40px 0; text-align:left; background:#FFFFFF; }
#boutique .avis-happynoteme a, #magasin .avis-happynoteme a { position:absolute; left:0; top:35px; width:204px; height:20px; text-align:center; }
#boutique .avis-happynoteme a::before, #magasin .avis-happynoteme a::before { content:''; position:absolute; left:7px; top:-54px; width:34px; height:34px; background:url('../images/happynoteme.png') no-repeat; background-size:100%; }
#boutique .avis-happynoteme .avis-client-titre, #magasin .avis-happynoteme .avis-client-titre { float:left; width:60%; background:#2F2F2F; margin-left:-1px; border-radius:20px 0 0 20px; text-align:center; padding:6px 0 6px 0; color:#FFFFFF; font-size:17px; }
#boutique .avis-happynoteme .avis-client-titre span, #magasin .avis-happynoteme .avis-client-titre span { display:inline-block; padding-left:22px; }
#boutique .avis-happynoteme .avis-client-info, #magasin .avis-happynoteme .avis-client-info { float:right; width:40%; text-align:center; }
#boutique .avis-happynoteme .avis-note, #magasin .avis-happynoteme .avis-note { font-weight:bold; font-size:14px; padding:1px 0 0 0; }
#boutique .avis-happynoteme .avis-note; #magasin .avis-happynoteme .avis-note span { font-weight:normal; font-size:11px; }
#boutique .avis-happynoteme .nb-avis, #magasin .avis-happynoteme .nb-avis { color:#919191; font-size:11px; }
#boutique .avis-happynoteme::after, #magasin .avis-happynoteme::after { content:''; clear:both; display:block; }
#boutique-adresse, #boutique-telephone { margin:10px auto; }
@media screen and (max-width:420px) {
   #magasin .avis-happynoteme { width:120px; margin-bottom:34px; }
   #magasin .avis-happynoteme .avis-client-titre { width:50%; }
   #magasin .avis-happynoteme .avis-client-titre span { padding-left:10px; }
   #magasin .avis-happynoteme .avis-client-titre span label { display:none; }
   #magasin .avis-happynoteme .avis-client-info { width:50%; }
   #magasin .avis-happynoteme .avis-note { padding-right:4px; }
   #magasin .avis-happynoteme .nb-avis { padding-right:4px; }
   #magasin .avis-happynoteme a { width:150px; text-align:left; }
   #magasin .avis-happynoteme a span { display:none; }
   #magasin .clear { display:none; }
   #magasin .bouton-commander { float:none; font-size:15px; padding:10px 17px 8px 43px; }
   #magasin .bouton-commander::after { left:13px; top:50%; margin-top:-10px; width:20px; height:20px; }
   #magasin .boutons2 { margin:10px 0 auto; }
}
#fidelite { min-height:200px; position:relative; }
#fidelite-top { position:absolute; top:-60px; }
#fidelite-chargement { position:absolute; z-index:6; left:50%; margin-left:-100px; top:100px; margin-top:-100px; height:200px; width:200px; background:url('../images/chargement-actus.svg') no-repeat; background-size:100%; }
.points-tirelire { font-weight:bold; color:#EB1E83; }
#fieldset-bloc-fidelite { text-align:left; }
#fieldset-bloc-fidelite-carte { position:relative; text-align:center; border:none; padding:0; background:none; margin-bottom:30px; }
#fieldset-bloc-fidelite-carte::after { content:''; position:relative; display:block; height:1px; }
#fieldset-bloc-carte-fidelite { position:relative; background:#000000 url('../images/carte-fidelite-fond.svg') no-repeat; background-size:cover; background-position:center center; display:inline-block; margin:0 auto; color:center; color:#FFFFFF; border-radius:20px; max-width:440px; padding:30px 20px 20px 20px; }
#carte-fidelite-titre { text-align:left; font-size:25px; }
#fieldset-bloc-carte-fidelite #carte-fidelite-titre { text-align:center; padding-bottom:20px; }
#carte-fidelite-prenom { position:relative; text-align:right; padding-right:0px; padding-top:10px; font-weight:bold; }
#carte-fidelite-points-restants { position:absolute; left:0px; overflow:hidden; background:#EB1E83; padding:3px 12px 2px 12px; border-radius:5px; top:7px; font-size:15px; color:#FFFFFF; border:solid 2px #FFFFFF; }
#carte-fidelite-points-expirent { position:absolute; left:0px; bottom:-18px; color:#000000; font-size:14px; font-style:italic; }
/*#carte-fidelite-points-restants span.scan { position:absolute; z-index:1; top:0px; left:-20%; background-color:#FFFFFF; background-image:linear-gradient(to right, rgba(235,30,131,1) 10%, rgba(235,30,131,0.1) 50%, rgba(235,30,131,1) 90%); height:100%; width:20%; animation:3s linear 0s infinite alternate scanpoints; }
#carte-fidelite-points-restants span.texte { position:relative; z-index:2; }*/
#carte-fidelite-points-restants span {  }
#carte-fidelite-points-restants span.texte { position:relative; z-index:2; }
#carte-fidelite-exemple { position:absolute; top:50%; left:50%; width:220px; margin-left:-115px; margin-top:-20px; z-index:10; text-align:center; font-size:50px; line-height:50px; transform:rotate(-15deg); letter-spacing:2px; color:#FF0000; font-weight:bold; text-shadow:1px 1px 1px #FFFFFF, -1px -1px 1px #FFFFFF, -1px 1px 1px #FFFFFF, 1px -1px 1px #FFFFFF, 2px 2px 2px #FFFFFF, -2px -2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, 2px -2px 2px #FFFFFF; border:solid 5px #FF0000; box-shadow:1px 1px 1px #FFFFFF, -1px -1px 1px #FFFFFF, -1px 1px 1px #FFFFFF, 1px -1px 1px #FFFFFF, 2px 2px 2px #FFFFFF, -2px -2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, 2px -2px 2px #FFFFFF, 1px 1px 1px #FFFFFF inset, -1px -1px 1px #FFFFFF inset, -1px 1px 1px #FFFFFF inset, 1px -1px 1px #FFFFFF inset, 2px 2px 2px #FFFFFF inset, -2px -2px 2px #FFFFFF inset, -2px 2px 2px #FFFFFF inset, 2px -2px 2px #FFFFFF inset; }
.fieldset-bloc-points-fidelite { background:#2F2F2F url('../images/background-ardoise.jpg'); border:solid 1px #000000; color:#FFFFFF; }
.line-bloc-points { max-width:300px; text-align:center; padding:18px 0 20px 0; font-weight:bold; font-size:40px; line-height:40px; position:relative; }
.line-bloc-points::before { content:''; position:absolute; top:50%; margin-top:-32px; height:60px; left:50%; margin-left:-50px; width:15px; border:solid 2px #FFFFFF; border-right:none; }
.line-bloc-points::after { content:''; position:absolute; top:50%; margin-top:-32px; height:60px; right:50%; margin-right:-50px; width:15px; border:solid 2px #FFFFFF; border-left:none; }
#programme-fidelite { position:relative; display:inline-block; cursor:pointer; user-select:none; }
#programme-fidelite.down::before { content:''; position:absolute; top:-3px; right:-25px; padding-left:25px; background:url('../images/fleche-bas.svg') no-repeat 5px 0px; animation:flechebas 1s ease-in-out infinite; width:24px; height:24px; }
#programme-fidelite.up::before { content:''; position:absolute; top:-3px; right:-25px; padding-left:25px; background:url('../images/fleche-haut.svg') no-repeat 5px 0px; animation:flechebas 1s ease-in-out infinite; width:24px; height:24px; }
#programme-fidelite-point { font-weight:bold; font-size:24px; color:#EB1E83; }
#code-barre { position:relative; background:#FFFFFF; border-radius:20px; padding:20px; font-size:0; max-width:360px; overflow:hidden; }
#code-barre span.scanette { position:absolute; z-index:1; top:-20%; left:2%; overflow:hidden; border-radius:12px; background-image:linear-gradient(to bottom, rgba(255,0,0,0) 20%, rgba(255,0,0,0.5) 40%, rgb(255, 0, 0) 50%, rgba(255,0,0,0.5) 60%, rgba(255,0,0,0) 80%); height:20%; width:96%; animation:4s linear 0s infinite alternate scanette; }
#code-barre span.scanette::before { content:''; position:absolute; top:20%; left:0px; background-image:linear-gradient(to left, rgba(255,225,255,0) 0%, rgba(255,255,255,1) 100%); height:60%; width:10px; }
#code-barre span.scanette::after { content:''; position:absolute; top:20%; right:0px; background-image:linear-gradient(to right, rgba(255,225,255,0) 0%, rgba(255,255,255,1) 100%); height:60%; width:10px; }
#code-barre img { max-width:100%; }
@keyframes scanette { from { top:0%; } to { top:80%; }  }

@media screen and (max-width:640px) {
   .line-bloc-points { max-width:100%; }
}
@media (max-width:500px) {
   #programme-fidelite-point { text-align:center; }
   #code-barre { border-radius:15px; }
}
@media screen and (max-width:450px) {
   #fieldset-bloc-fidelite { padding:20px 3px 10px 3px; border-radius:15px; }
   #carte-fidelite-exemple { width:176px; margin-left:-93px; margin-top:-11px; font-size:40px; line-height:33px; }
}
@media screen and (max-width:400px) {
   #fieldset-bloc-fidelite { padding:20px 3px 10px 3px; border-radius:13px; }
   #carte-fidelite-titre { padding-bottom:10px; font-size:21px; }
   #carte-fidelite-prenom { font-size:15px; }
   #carte-fidelite-points-restants { padding:1px 6px 0px 6px; top:7px; }
   #programme-fidelite-point { font-size:20px; }
   #code-barre { border-radius:10px; padding:10px; }
}

#fieldset-bloc-avatar { margin-top:0px; float:left; width:45%; }
#fieldset-bloc-avatar.fieldset-bloc-avatar-min { margin-top:20px; float:none; width:auto; }
#avatar { width:100%; padding-left:0; text-align:center; padding:10px 0 10px 0px; }
#avatar-image-div { display:inline-block; position:relative; }
#avatar-image-lien { position:absolute; right:-4px; bottom:-4px; width:36px; height:36px; background:url('../images/bouton-editer.svg'); background-size:100%; opacity:0.5; cursor:pointer; }
#avatar-image-lien:hover { opacity:1; }

#avatar img { width:200px; }
@media screen and (max-width:640px) {
   #avatar { width:100%; padding-left:0; text-align:center; }
   #avatar img { width:200px; }
}

#fieldset-bloc-niveau { position:relative; float:right; width:45%; margin-top:0px; }
#fieldset-bloc-niveau.fieldset-bloc-niveau-min { float:none; width:auto; margin-top:20px; }
#fieldset-bloc-niveau-titre { font-weight:bold; color:#EB1E83; max-width:795px; text-align:center; background:rgba(255,255,255,0.50); border-radius:5px; margin-top:7px; padding:6px 10px 3px 10px; font-size:22px; box-shadow:1px 1px 2px rgba(0,0,0,0.50) inset; }
#fieldset-bloc-niveau-progression { font-size:13px; padding:10px 0 10px 0; }
#fieldset-bloc-progressbar { max-width:800px; position:relative; border-radius:14px; height:26px; margin:30px 5px 10px 5px; border:solid 1px #FFFFFF; background:linear-gradient(45deg, rgb(172, 172, 172) 0%, rgb(100, 100, 100) 100%); box-shadow:1px 1px 4px rgba(0,0,0,0.38) inset, -1px -1px 4px rgba(0,0,0,0.38) inset, 0px 0px 10px #000000; }
#fieldset-bloc-niveau .trait-position { position:absolute; z-index:2; top:-5px; bottom:-5px; width:1px; background:rgba(0,0,0,0.30); border-left:solid 1px rgba(255,255,255,0.50); }
#fieldset-bloc-niveau .valeur-position { position:absolute; z-index:2; top:-22px; font-size:13px; }
#fieldset-bloc-niveau .valeur-position span { position:absolute; top:0; width:24px; left:50%; margin-left:-11px; text-align:center;}
#fieldset-bloc-niveau #trait-position-0, #fieldset-bloc-niveau #valeur-position-0 { left:5%; }
#fieldset-bloc-niveau #trait-position-1 { left:14%; }
#fieldset-bloc-niveau #trait-position-2 { left:23%; }
#fieldset-bloc-niveau #trait-position-3 { left:32%; }
#fieldset-bloc-niveau #trait-position-4 { left:41%; }
#fieldset-bloc-niveau #trait-position-5 { left:50%; }
#fieldset-bloc-niveau #trait-position-6 { left:59%; }
#fieldset-bloc-niveau #trait-position-7 { left:68%; }
#fieldset-bloc-niveau #trait-position-8 { left:77%; }
#fieldset-bloc-niveau #trait-position-9 { left:86%; }
#fieldset-bloc-niveau #trait-position-10, #fieldset-bloc-niveau #valeur-position-10 { left:95%; }
#fieldset-bloc-progressbar-jauge { position:absolute; top:0; min-width:5%; height:26px; background:linear-gradient(45deg, #C10168 0%, #F08 100%); box-shadow:1px 1px 4px rgba(0,0,0,0.38) inset, -1px -1px 4px rgba(0,0,0,0.38) inset; border-radius:14px 0 0 14px; }
#fieldset-bloc-progressbar-jauge-limit { position:absolute; left:5%; z-index:3; top:-7px; bottom:-7px; }
#fieldset-bloc-progressbar-jauge-limit::before { content:''; position:absolute; left:-1px; top:0px; bottom:0px; width:5px; box-shadow:1px 0 4px rgba(0,0,0,0.50); background:linear-gradient(45deg, #C6066C 0%, #FF55AF 100%); border:solid 1px #6C0F48; border-radius:3px; }
#fieldset-bloc-progressbar-jauge-limit::after { content:''; position:absolute; left:1px; top:3px; bottom:3px; width:1px; background:rgba(255,255,255,0.50); }
#fieldset-bloc-progressbar-jauge-infobulle { position:absolute; left:3%; z-index:10; user-select:none; color:#FFFFFF; }
#fieldset-bloc-progressbar-jauge-infobulle span { position:absolute; top:-34px; left:50%; margin-left:-18px; border:solid 1px #FFFFFF; background:linear-gradient(45deg, #992162 0%, #FF0089 50%, #FFB3DE 100%); background:#EB1E83; background:linear-gradient(45deg, #EB1E83 50%, #F988C4 100%); box-shadow:1px 1px 4px rgba(255,255,255,0.50) inset, -1px -1px 4px rgba(255,255,255,0.50) inset, 0px 0px 3px #000000; box-shadow:0px 0px 3px #000000; border-radius:5px; font-weight:bold; padding:2px 0 1px 0; width:36px; text-align:center; text-shadow:1px 1px 1px #993A6D; }
#fieldset-bloc-niveau .trait-position-impair { display:none; }
#fieldset-bloc-niveau.fieldset-bloc-niveau-min .trait-position-impair { display:block; }
@media screen and (max-width:800px) {
   #fieldset-bloc-niveau.fieldset-bloc-niveau-min .trait-position-impair { display:none; }
}
#fieldset-bloc-points-manquants { text-align:left; padding-right:5px; }
#fieldset-bloc-points-manquants span { text-align:right; display:inline-block; max-width:805px; width:100%; color:#EB1E83; font-weight:bold; font-size:13px; }

#tableau { position:relative; }
#tableau-top { position:absolute; top:-60px; }
#tableau-chargement { position:absolute; z-index:6; left:50%; margin-left:-100px; top:100px; margin-top:-100px; height:200px; width:200px; background:url('../images/chargement-actus.svg') no-repeat; background-size:100%; }
table.mon-tableau { width:100%; border-collapse:collapse; }
table.mon-tableau thead tr { background:#000000 url('../images/background-ardoise.jpg'); }
table.mon-tableau th { padding:8px; font-weight:bold; text-align:center; color:#FFFFFF; border-right:solid 2px #FFFFFF; }
table.mon-tableau th.commande-facture, table.mon-tableau th.historique-etat, table.mon-tableau th.fidelite-apres { border-right:none; }
table.mon-tableau th span.facture-icone { display:none; }
table.mon-tableau tbody tr { border-bottom:solid 1px #CCCCCC; }
table.mon-tableau tbody tr.pair, table.mon-tableau tbody tr.impair { border-bottom:solid 2px #CCCCCC; }
table.mon-tableau td.historique-date { border-right:solid 2px #FFFFFF; } 
table.mon-tableau td { padding:8px; text-align:center; }
table.mon-tableau td.commande-numero a { display:inline-block; padding:4px 6px; font-family:'monofonto'; background:#EB1E83; border-radius:3px; color:#FFFFFF; text-decoration:none; }
table.mon-tableau td.commande-date .heure, table.mon-tableau td.historique-date .heure, table.mon-tableau td.fidelite-date .heure { display:inline-block; margin-left:4px; font-size:13px; }
table.mon-tableau td.commande-reference span, table.mon-tableau td.commande-etat .reference span { display:inline-block; padding:2px 4px 2px 5px; border:solid 2px #FF0000; color:#FF0000; font-size:21px; font-family:'monofonto'; letter-spacing:1px; }
table.mon-tableau td.commande-etat .reference { display:none; }
#fidelite-variation1 { display:inline-block; }
#fidelite-variation2 { display:none; }
table.mon-tableau td.fidelite-total div { position:relative; font-weight:bold; display:inline-block; padding:0px 4px 3px 4px; }
table.mon-tableau td.fidelite-total div.help { cursor:help; border-bottom:dotted 1px #2F2F2F; }
table.mon-tableau td.fidelite-total span { display:none; position:absolute; right:-10px; top:-28px; padding:4px 10px;  border-radius:4px; font-weight:normal; background:#EB1E83; color:#FFFFFF; font-size:13px; white-space:nowrap; }
table.mon-tableau td.fidelite-total div:hover span { display:block; }
table.mon-tableau td.fidelite-total div:hover.help::after { content:''; position:absolute; top:-4px; left:50%; margin-left:-5px; border-width:5px; border-style:solid; border-color:#EB1E83 transparent transparent transparent; }
table.mon-tableau td.commande-total { white-space:nowrap; }
table.mon-tableau td.commande-total .decimal { font-size:13px; }
table.mon-tableau td.commande-total .decimal span { display:inline-block; padding-left:2px; }
table.mon-tableau td.commande-facture a { display:inline-block; width:28px; height:28px; background:url('../images/fichier-pdf.svg') no-repeat; background-size:100%; text-decoration:none; }
#date-creation2 { display:none; }
table.mon-tableau td.adresse-libelle a { color:#FFFFFF; background:#EB1E83; padding:2px; text-decoration:none; border-radius:3px; white-space:nowrap; }
table.mon-tableau td.adresse-adresse, table.mon-tableau td.adresse-contact { text-align:left; }
table.mon-tableau td.adresse-contact .infos { color:#888888; }
@media screen and (max-width:840px) {
   #compte-commandes-cadre { width:auto; margin:0 25px; }
   table.mon-tableau th.commande-reference, table.mon-tableau td.commande-reference { display:none; }
   table.mon-tableau td.commande-etat .etat { display:block; }
   table.mon-tableau td.commande-etat .reference { display:block; margin-top:3px; }
   table.mon-tableau td.commande-date .date, table.mon-tableau td.fidelite-date .date { display:block; }
   table.mon-tableau td.commande-date .heure, table.mon-tableau td.fidelite-date .heure { display:block; }
}
@media screen and (max-width:700px) {
   table.mon-tableau td.adresse-libelle, table.mon-tableau td.adresse-adresse, table.mon-tableau td.adresse-contact { font-size:13px; }
}
@media screen and (max-width:600px) {
   #date-creation1 { display:none; }
   #date-creation2 { display:inline; }
}
@media screen and (max-width:520px) {
   #compte-commandes-cadre { width:auto; margin:0 10px; }
   #compte-commandes-contenu { padding:15px 5px; }
   table.mon-tableau { font-size:13px; }
   table.mon-tableau td.adresse-libelle, table.mon-tableau td.adresse-adresse, table.mon-tableau td.adresse-contact { font-size:11px; }
   table.mon-tableau th { padding:8px 4px; }
   table.mon-tableau th span.facture-texte { display:none; }
   table.mon-tableau th span.facture-icone { position:relative; display:inline-block; width:22px; font-size:0px; }
   table.mon-tableau th span.facture-icone::after { content:''; position:absolute; left:0; top:-15px; width:22px; height:22px; background:url('../images/fichier-facture.svg') no-repeat; background-size:100%; text-decoration:none;  }
   table.mon-tableau td { padding:8px 4px; }
   table.mon-tableau td.commande-numero a { padding:2px 4px; }
   table.mon-tableau td.commande-etat .reference span { font-size:17px; padding:1px 3px 0px 4px; letter-spacing:0.5px; }
   table.mon-tableau td.commande-date .date, table.mon-tableau td.fidelite-date .date { display:block; }
   table.mon-tableau td.commande-date .heure, table.mon-tableau td.fidelite-date .heure { display:block; font-size:10px; }
   table.mon-tableau td.historique-date .heure { font-size:10px; }
   table.mon-tableau td.commande-total .decimal { font-size:10px; }
   table.mon-tableau td.adresse-contact .infos { display:none; }
   table.mon-tableau td.adresse-contact .email { font-size:10px; }
}
@media screen and (max-width:460px) {
   #fidelite-variation1 { display:none; }
   #fidelite-variation2 { display:inline-block; }
}

.tableau-pagination { margin:20px auto; text-align:center; }
.tableau-pagination-page-prev { position:relative; width:60px; display:inline-block; height:50px; margin:0px; overflow:hidden; border-radius:25px 0 0 25px; z-index:4; }
.tableau-pagination-page-prev::before { content:''; position:absolute; right:-60px; top:-12px; background:transparent; width:74px; height:74px; border-radius:100%; box-shadow:0 0 0 500px #2F2F2F; }
.tableau-pagination-page-prev:hover::before { box-shadow:0 0 0 500px #EB1E83; }
.tableau-pagination-page-prev::after { content:''; position:absolute; left:14px; top:14px; background:url('../images/pagination-prec.svg') no-repeat; background-size:100%; width:21px; height:21px; }
.tableau-pagination-page-next { position:relative; width:60px; display:inline-block; height:50px; margin:0px; overflow:hidden; border-radius:0 25px 25px 0; z-index:4; }
.tableau-pagination-page-next::before { content:''; position:absolute; left:-60px; top:-12px; background:transparent; width:74px; height:74px; border-radius:100%; box-shadow:0 0 0 500px #2F2F2F; }
.tableau-pagination-page-next:hover::before { box-shadow:0 0 0 500px #EB1E83; }
.tableau-pagination-page-next::after { content:''; position:absolute; right:14px; top:14px; background:url('../images/pagination-suiv.svg') no-repeat; background-size:100%; width:21px; height:21px; }
.tableau-pagination-page-numero { width:50px; height:50px; border-radius:25px; user-select:none; display:inline-block; background:#2F2F2F; margin:0 10px; position:relative; z-index:5; }
.tableau-pagination-page-numero:hover { background:#EB1E83; }
.tableau-pagination-page-numero-on { background:#EB1E83; }
.tableau-pagination-page-numero .numero1, .tableau-pagination-page-numero .numero2, .tableau-pagination-page-numero .numero3 { position:absolute; left:0px; top:13px; width:50px; height:30px; text-align:center; color:#FFFFFF; line-height:25px; font-size:25px; font-weight:bold; }
.tableau-pagination-page-numero .numero2 { top:13px; line-height:25px; font-size:25px; }
.tableau-pagination-page-numero .numero3 { top:14px; line-height:21px; font-size:21px; }
@media screen and (max-width:620px) {
   .tableau-pagination-page-prev { width:33px; height:30px; margin:0 0px 0 0; border-radius:15px 0 0 15px; }
   .tableau-pagination-page-prev:before { right:-48px; top:-12px; width:54px; height:54px; }
   .tableau-pagination-page-prev:after { left:7px; top:7px; width:15px; height:15px; }
   .tableau-pagination-page-next { width:33px; height:30px; margin:0 0 0 0px; border-radius:0 15px 15px 0; }
   .tableau-pagination-page-next:before { content:''; position:absolute; }
   .tableau-pagination-page-next:before { left:-48px; top:-12px; width:54px; height:54px; }
   .tableau-pagination-page-next:after { right:7px; top:7px; width:15px; height:15px; }
   .tableau-pagination-page-numero { width:30px; height:30px; border-radius:15px; margin:0 5px; }
   .tableau-pagination-page-numero .numero1, .tableau-pagination-page-numero .numero2, .tableau-pagination-page-numero .numero3 { left:0px; top:7px; width:30px; height:30px; line-height:17px; font-size:17px; }
   .tableau-pagination-page-numero .numero2 { top:7px; line-height:17px; font-size:17px; }
   .tableau-pagination-page-numero .numero3 { top:8px; line-height:15px; font-size:15px; }
}

#barre-ajouter { margin:30px auto; }
.boutons { margin:20px auto; text-align:center; }
.boutons2 { margin:20px auto; text-align:left; }
.boutons3 { margin:10px auto; text-align:left; }
.boutons4 { position:relative; margin:20px auto 40px auto; text-align:left; width:80%; max-width:580px; height:40px; }
.boutons4 div { position:absolute; left:-10px; top:0px; bottom:0px; right:-10px; }
#bouton-valider, .bouton-valider, a.bouton-ajouter, a.bouton-modifier, a.bouton-modifier2, a.bouton-supprimer, a.bouton-valider, .bouton-valider2, a.bouton-commander, a.bouton-commander2, .bouton-envoyer, .bouton-envoyer2, .bouton-valider-off, .bouton-valider2-off, a.bouton-retour, a.bouton-retour2, .bouton-actualiser, a.bouton-fidelite, .bouton-fidelite2, .bouton-fidelite2-off, a.bouton-facture { position:relative; padding:11px 20px 9px 50px; background:#737373; text-decoration:none; color:#FFFFFF; border-radius:4px; font-weight:bold; display:inline-block; cursor:pointer; }
a.bouton-envoyer { text-decoration:none; }
a.bouton-facture { background:#FF0000; }
a.bouton-commander, a.bouton-commander2 { background:#2F2F2F; }
/*.bouton-actualiser { background:#FFFFFF; color:#FF0000; }*/
a.bouton-fidelite { background-color:#EB1E83; color:#FFFFFF; }
.bouton-fidelite2-off { opacity:0.3; }
#bouton-valider::after, .bouton-valider::after, .bouton-valider2::after, .bouton-envoyer::after, .bouton-envoyer2::after, .bouton-valider-off::after { content:''; position:absolute; left:15px; top:50%; margin-top:-12px; width:24px; height:24px; background:url('../images/message-ok.svg') no-repeat; background-size:100%; }
.bouton-retour::after, .bouton-retour2::after { content:''; position:absolute; left:15px; top:50%; margin-top:-12px; width:24px; height:24px; background:url('../images/bouton-retour.svg') no-repeat; background-size:100%; }
.bouton-envoyer::after, .bouton-envoyer2::after { content:''; position:absolute; left:15px; top:50%; margin-top:-12px; width:24px; height:24px; background:url('../images/bouton-envoyer.svg') no-repeat; background-size:100%; }
.bouton-actualiser::after { content:''; position:absolute; left:15px; top:50%; margin-top:-12px; width:24px; height:24px; background:url('../images/bouton-refresh-blanc.svg') no-repeat; background-size:100%; }
.bouton-commander::after, .bouton-commander2::after { content:''; position:absolute; left:15px; top:50%; margin-top:-12px; width:24px; height:24px; background:url('../images/bouton-boutique-en-ligne.svg') no-repeat; background-size:100%; }
.bouton-fidelite::after, .bouton-fidelite2::after, .bouton-fidelite2-off::after { content:''; position:absolute; left:15px; top:50%; margin-top:-12px; width:24px; height:24px; background:url('../images/bouton-barcode.svg') no-repeat; background-size:100%; }
.bouton-facture::after { content:''; position:absolute; left:15px; top:50%; margin-top:-12px; width:24px; height:24px; background:url('../images/fichier-facture.svg') no-repeat; background-size:100%; }
.bouton-ajouter::after { content:''; position:absolute; left:15px; top:50%; margin-top:-12px; width:24px; height:24px; background:url('../images/bouton-plus2.svg') no-repeat; background-size:100%; }
.bouton-modifier::after, .bouton-modifier2::after { content:''; position:absolute; left:15px; top:50%; margin-top:-12px; width:24px; height:24px; background:url('../images/bouton-edit.svg') no-repeat; background-size:100%; }
.bouton-supprimer::after { content:''; position:absolute; left:15px; top:50%; margin-top:-12px; width:24px; height:24px; background:url('../images/bouton-supprimer.svg') no-repeat; background-size:100%; }
.bouton-commander, .bouton-commander2, .bouton-valider, .bouton-valider2, .bouton-envoyer, .bouton-envoyer2, .bouton-retour, .bouton-retour2 { cursor:pointer; }
.bouton-retour2, .bouton-commander, a.bouton-modifier2 { float:left; }
.bouton-valider2, .bouton-envoyer2, .bouton-fidelite2, .bouton-fidelite2-off, a.bouton-facture, a.bouton-supprimer { float:right; }
#bouton-valider:hover, .bouton-valider:hover, .bouton-valider2:hover, .bouton-commander:hover, .bouton-commander2:hover, a.bouton-ajouter:hover, .bouton-envoyer:hover, .bouton-envoyer2:hover, .bouton-valider-off:hover, .bouton-retour:hover, .bouton-retour2:hover, .bouton-fidelite2:hover, .bouton-actualiser:hover { background-color:#EB1E83; color:#FFFFFF; }
/*.bouton-actualiser:hover { background:#000000; }*/
.bouton-valider-off, .bouton-valider-off:hover, .bouton-fidelite2-off:hover { opacity:0.3; cursor:not-allowed; }
.clear { clear:both; display:inline-block; font-size:0px; line-height:0px; height:0px; }
.clear2 { clear:both; display:block; font-size:0px; line-height:0px; height:0px; }


#panier-liste div.msg-error { width:80%; max-width:800px; margin:20px auto; }
div.msg-error, div.msg-error2, div.msg-ok, div.msg-ok2, div.msg-infos { position:relative; background:#DD0000; padding:10px 20px 10px 54px; border-radius:5px; margin:10px 0 10px 0; color:#FFFFFF; font-size:17px; text-align:left; }
div.msg-error::after, div.msg-error2::after, div.msg-ok::after, div.msg-ok2::after, div.msg-infos::after { content:''; position:absolute; left:20px; top:50%; margin-top:-12px; background:url('../images/message-error.svg') no-repeat; background-size:100%; width:24px; height:24px; }
div.msg-error a, div.msg-error2 a, div.msg-ok a, div.msg-ok2 a { color:#FFFFFF; }
div.msg-ok, div.msg-ok2 { background:#16BF00; }
div.msg-infos { background:#00B3FF; }
div.msg-error2, div.msg-ok2 { margin:0 0 20px 0; }
div.msg-ok::after, div.msg-ok2::after { background-image:url('../images/message-ok.svg'); }
div.msg-infos::after { background-image:url('../images/picto-info.svg'); }
div.msg-error ul { padding-left:17px; margin-top:7px; margin-bottom:0px; }
div.msg-error li { padding-top:4px; padding-bottom:4px; }

@media (max-width:400px) {
   div.msg-error, div.msg-error2, div.msg-ok, div.msg-ok2 { text-align:left; font-size:15px; padding:10px 15px 10px 45px; }
   div.msg-error::after, div.msg-error2::after, div.msg-ok::after, div.msg-ok2::after { margin-top:-10px; width:20px; left:15px; height:20px; }
}

#special-footer { position:fixed; left:0px; right:0px; width:100%; bottom:0px; background:rgba(255,255,255,0.50); box-shadow:0 50px 50px 0px rgba(0,0,0,0.50) inset, 0 -2px 5px rgba(0,0,0,0.80); text-align:center; color:#FFF; height:70px; z-index:14; }
#special-footer div#special-footer-contenu { margin:0px auto 0 auto; display:flex; /*align-items:center;*/ text-align:center; justify-content:center; }
#special-footer div#raccourci-panier { width:80%; text-align:center; }
#special-footer div#raccourci-panier div { width:80%; max-width:800px; text-align:center; margin:0 auto; }
#special-footer .bouton-commander { margin:15px auto auto; float:none; }
#special-footer div a.bouton-commander2 { float:left; margin:15px 5px 0 0; padding:11px 0px 9px 30px; width:210px; }
#special-footer div a.bouton-commander2:hover { background:#2F2F2F; }
#special-footer div a.valider-panier { float:right; margin:15px 0 0 5px; position:relative; display:inline-block; background:#EB1E83; font-weight:bold; color:#FFFFFF; padding:11px 0px 9px 30px; width:210px; border-radius:3px; text-decoration:none; }
#special-footer div a.valider-panier::after { content:''; position:absolute; left:15px; top:50%; margin-top:-12px; width:24px; height:24px; background:url('../images/message-ok.svg') no-repeat; background-size:100%; }
@media (max-width:800px) {
   #special-footer div#raccourci-panier div { width:auto; }
}
@media (max-width:620px) {
   #special-footer div#raccourci-panier, #special-footer div#raccourci-panier div { width:100%; display:flex; /*align-items:center;*/ text-align:center; justify-content:center; }
   #special-footer div a.bouton-commander2, #special-footer div a.valider-panier { float:none; }
   #special-footer div a.valider-panier, #special-footer div a.bouton-commander2 { padding-left:50px; padding-right:20px; }
   #special-footer div a.bouton-commander2 { margin:5px 5px 0 10px; }
   #special-footer div a.valider-panier { margin:5px 10px 0 5px; }
}
@media (max-width:475px) {
   #special-footer div a.bouton-commander2, #special-footer div a.valider-panier { font-size:15px; }
}
@media (max-width:360px) {
   #special-footer div a.bouton-commander2, #special-footer div a.valider-panier { font-size:13px; }
}
@media screen and (max-height:400px) and (orientation:landscape)  {
   #special-footer { opacity:0; }
}

#aide { min-height:150px; text-align:center; color:#000000; border-top:solid 8px #EB1E83; background:#DDDDDD; }
#aide-contenu { max-width:865px; position:relative; min-height:110px; margin:0 auto; padding-left:290px; padding-right:20px; padding-bottom:30px; text-align:justify; }
#aide-contenu p { padding:13px 0 0 0px; margin:0px; }
#aide-contenu p span { padding-top:10px; display:block; }
#conseil-regional { position:absolute; left:150px; top:10px; background-size:100%; width:102px; height:80px; background:#FFFFFF; padding:10px; box-shadow:0 0 4px rgba(0,0,0,0.5); }
#conseil-regional span { display:inline-block; position:absolute; left:5px; top:5px; background:#EEEEEE url('../images/logo-bourgogne-franche-comte.svg') no-repeat; background-size:100%; width:112px; height:90px; }
#conseil-union-europeenne { position:absolute; left:20px; top:10px; background-size:100%; width:102px; height:80px; background:#FFFFFF; padding:10px; box-shadow:0 0 4px rgba(0,0,0,0.5); }
#conseil-union-europeenne span { display:inline-block; position:absolute; left:5px; top:5px; background:#EEEEEE url('../images/logo-union-europeenne.svg') no-repeat; background-size:100%; width:112px; height:90px; }
#conseil-union-europeenne-cofinance { display:inline-block; position:absolute; left:20px; top:115px; width:412px; text-align:left; font-size:13px; color: #003399; }
#conseil-union-europeenne-cofinance span { font-weight:bold; }
@media (max-width:1200px) {
   #aide { min-height:190px; }
   #conseil-union-europeenne-cofinance { width:252px; }
}
@media (max-width:620px) {
   #aide-contenu { padding-top:160px; padding-left:20px; }
   #conseil-union-europeenne { left:50%; top:15px; margin-top:0px; margin-left:-112px; }
   #conseil-regional { left:50%; top:15px; margin-top:0px; margin-left:17px; }
   #conseil-union-europeenne-cofinance { left:50%; top:122px; margin-top:0px; width:412px; margin-left:-206px; text-align:center; }
}
@media (max-width:412px) {
   #conseil-union-europeenne-cofinance { left:4%; width:92%; margin-left:0px; }
}
@media (max-width:350px) {
   #aide-contenu { padding-top:180px; }
}

#bloc-paiement-cb-detail { position:relative }
.divInputFlex, .divInputFlex2 { display:flex; margin-top:-10px; }
.divInputFlex2 { padding:0 1px; }
.divCcSeparation { width:6px; }
.divInputBox2 { margin:10px auto; height:42px; position:relative; z-index:1; font-family:function; border-radius:4px; border-width:1px; background-color:rgb(255,255,255); border-color:rgb(183,188,191); box-sizing:border-box; font-size:17px; outline:currentcolor none 0px; width:100%; border-style:solid; text-align:left; padding-top:10px; padding-left:10px; }
.divInputBox { margin:10px auto; height:48px; overflow:hidden; position:relative; white-space:nowrap; padding:1px; }
.divInputBox .label { color:rgb(108,115,120); font-size:17px; left:15px; z-index:2; line-height:1; pointer-events:none; position:absolute; top:16px; transform:none; transform-origin:left top 0px; transition:all 0.25s ease-in-out 0s; }
.divInputBox .labelPetit, .divInputBox .labelPetitFocus { color:rgb(108,115,120); font-size:12px; left:15px; right:0px; text-align:left; z-index:2; line-height:1; pointer-events:none; position:absolute; top:17px; transform:translate3d(0px, -8px, 0px); transform-origin:left top 0px; transition:all 0.25s ease-in-out 0s; }
.divInputBox .labelErreur { color:rgb(210,0,0); }
.divInputBox .labelPetitFocus { color:rgb(0,156,222); }
.divInputBox .inputText { position:relative; z-index:1; font-family:function; border-radius:4px; border-width:1px; background-color:rgb(255,255,255); border-color:rgb(183,188,191); box-sizing:border-box; font-size:17px; outline:currentcolor none 0px; width:100%; border-style:solid; height:46px; padding:16px 15px 0px; }
.divInputBox .inputText:focus { border-color:rgb(0,156,222); box-shadow:rgb(0,156,222) 0px 0px 0px 1px; }
.divInputBox .inputTextErreur { color:rgb(210,0,0); border-color:rgb(210,0,0); box-shadow:rgb(210,0,0) 0px 0px 0px 1px; }
.divInputBox .labelErreur::after { content:''; position:absolute; width:20px; height:21px; right:11px; top:6px; background:url('../images/warning.svg') no-repeat; background-size:100%; }
#bouton-credit-card { position:relative; cursor:pointer; display:inline-block; border:solid 2px #108A00; height:32px; padding-top:12px; padding-left:10px; border-radius:4px; width:210px; color:#FFFFFF; font-family:function; font-weight:bold; font-size:17px; background:linear-gradient(0deg, #16B200 0%, #16BF00 100%); box-shadow:1px 1px 0px 0px rgba(255, 255, 255, 0.5) inset, -1px -1px 0px 0px rgba(255, 255, 255, 0.5) inset; text-transform:uppercase }
#bouton-credit-card::before { content:''; position:absolute; width:24px; height:24px; left:17px; top:9px; background:url('../images/credit-card.svg') no-repeat; background-size:100%; }
#ccSave { display:none; }
#ccSaveLabel div { width:16px; height:16px; position:relative; transition:background 0.2s; vertical-align:bottom; display:inline-block; border:2px solid #C8C8C8; text-align:center; line-height:20px; margin-right:6px;border-radius:3px; cursor:pointer; }
#ccSaveLabel i { font-size:16px;	opacity:0; }
#ccSaveLabel:hover div { background:#38B6F5; border:2px solid #38B6F5; transition:background 0.5s; }
#ccSave:checked+#ccSaveLabel i { opacity:1; display:inline-block; }
#ccSave:checked+#ccSaveLabel div { background:#38B6F5; border:2px solid #38B6F5;  }
.check:before { content:''; position:absolute; width:14px; height:14px; left:1px; top:1px; background:url('../images/checkbox.svg') no-repeat; background-size:100%;  }
@keyframes pulsateloader { 0% { transform:scale(0.50); } 50% { transform:scale(1); } 100% { transform:scale(0.50); } }
@keyframes rotateloader { 0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); } }
.payment-loader-container { position:absolute; left:50%; margin-left:-65px; margin-top:-10px; top:50%; transform:translateY(-50%) }
.payment-loader-container .payment-loader { width:120px; height:120px; margin:0 auto; }
.payment-loader-container .payment-loader .payment-circle { text-align:center; width:100%; height:100%; border-radius:50%; border:5px solid #38B6F5; }
.payment-loader-container .payment-loader .payment-circle .payment-inner-circle { position:relative; left:-12.5%; top:35%; width:125%; height:25%; background-color:#EEEEEE; animation:rotateloader 2s infinite linear; }
.payment-loader-container .payment-loader .payment-circle .payment-inner-texte { position:relative; color:#38B6F5; top:-7px; font-family:cocogoose; font-weight:bold; font-size:60px; margin-right:5px; animation:pulsateloader 1.25s infinite ease; }

footer { height:100px; position:absolute; left:0px; right:0px; width:100%; border-top:solid 8px #EB1E83; background:#000000 url('../images/background-ardoise.jpg'); box-shadow:0 0 50px 30px rgba(0,0,0,0.50) inset; position:relative; text-align:center; color:#FFF; }
footer a { color:#FFFFFF; }
#footer-contenu { max-width:90%; position:relative; height:100px; margin:0 auto; padding-right:75px; }
#footer-copyright { display:inline-block; padding-top:40px; }
#footer-menu { display:inline-block; padding-top:40px; }
#footer-separation1 { display:inline-block; }
#footer-separation2 { display:inline-block; }
#footer-separation3 { display:inline-block; }
.footer-separation1 { display:inline-block; }
.footer-separation2 { display:none; }
@media (max-width:850px) {
   #footer-copyright { display:block; padding-top:20px; }
   #footer-separation3 { display:none; }
   #footer-menu { line-height:17px; display:block; padding-top:10px; }
}
@media (max-width:600px) {
   #footer-contenu { padding-right:95px; }
   #footer-copyright { display:block; padding-top:10px; }
   #footer-separation1 { display:block; }
   #footer-separation2 { display:none; }
}
@media (max-width:500px) {
   #footer-contenu { font-size:13px; }
   #footer-copyright { padding-top:20px; }
   #footer-separation1 { display:block; }
   #footer-separation2 { display:none; }
   #footer-menu { padding-top:5px; }
   .footer-separation1 { display:none; }
   .footer-separation2 { display:inline; }
}
#gobelet { position:absolute; right:7px; top:7px; background-size:100%; width:86px; height:86px; border-radius:50%; background:#FFFFFF; box-shadow:0 0 3px 1px rgba(0,0,0,0.80) inset; }
#gobelet span { display:inline-block; position:absolute; left:1px; top:14px;background:url('../images/gobelet-coffee-shop-v2.png') no-repeat; background-size:100%; width:68px; height:64px; }

.uploadFrame { overflow:hidden; border:none; height:36px; }
.checkbox-ligne { display:block; padding:2px 0 2px 40px; position:relative; }
.puce { position:absolute; left:2px; top:4px; }
.checkbox { position:absolute; left:14px; top:4px; }

#villes { column-count:4; }
@media (max-width:700px) {
   #villes { column-count:3; }
}
@media (max-width:520px) {
   #villes { column-count:2; }
}
#villes div, #emplacements1 div, #emplacements2 div, #clients div, #typologie div, #caracterisitiques div, #techniques div, #amenagements div, #equipements div, #formations div, #assistance div { position:relative; padding-left:15px; text-align:justify; }
#villes div small, #emplacements1 div small, #emplacements2 div small, #clients div small, #typologie div small, #caracterisitiques div small, #techniques div small, #amenagements div small, #equipements div small, #formations div small, #assistance div small { position:absolute; left:0px; top:0px; color:#EB1E83; font-size:20px; }

div.smiley { padding:6px 20px 6px 48px; background:#EB1E83 url('../images/smiley.png') no-repeat 8px center; color:#FFFFFF; border-radius:10px; margin:10px 0; }
div.smiley p { margin:4px 0; text-align:justify; padding:0; }

@media (max-width:340px) {
   #corps div.smiley p { text-align:left; font-size:15px; }
}

#politique-cookies { position:fixed; min-height:100px; z-index:30; bottom:0px; left:0px; right:0px; background:rgba(0,0,0,0.80); color:#FFFFFF; padding:10px 160px 10px 120px; }
#politique-cookies::before { content:''; position:absolute; z-index:31; left:20px; top:50%; margin-top:-40px; width:80px; height:80px; background:url('../images/politique-cookies.png'); background-size:100%; color:#FFFFFF; }
#politique-cookies p { margin:0; padding:0; text-align:justify; }
#politique-cookies p#cookies-titre { margin:0 0 10px 0; padding:0; font-weight:bold; font-size:21px; text-align:left; }
#politique-cookies a#information-cookies { color:#EB1E83; text-decoration:underline; text-decoration-color:#EB1E83; }
#politique-cookies a#accepter-cookies { position:absolute; right:20px; top:50%; margin-top:-18px; text-align:center; padding:8px 0px 8px 0px; width:120px; font-weight:bold; text-transform:uppercase; background:#EB1E83; border-radius:3px; text-decoration:none; color:#FFFFFF; }

@media (max-width:720px) {
   #politique-cookies { padding:10px 20px 10px 120px; }
   #politique-cookies a#accepter-cookies { position:relative; margin-left:20px; top:0; margin-top:0; right:0; float:right; }
}
@media (max-width:530px) {
   #politique-cookies { padding-left:20px; padding-right:20px; }
   #politique-cookies::before { left:20px; top:7px; margin-top:0; width:60px; height:60px; }
   #politique-cookies p#cookies-titre { margin-left:70px; }
}

.presse { clear:both; }
.presse p { text-align:justify; }
.presse hr { height:0px; border:none; border-top:dashed 2px #000000; margin:30px 10%; }
.presse h2 { font-size:22px; font-weight:bold; text-align:center; padding:4px 10px; background:#EB1E83; color:#FFFFFF; }
.presse h4 { text-align:left; font-size:20px; margin:0; }
.presse .image-presse { float:right; margin-left:15px; min-width:300px; max-width:50%; }
.presse .image-presse .image-border { padding:8px; box-shadow:0px 2px 5px rgba(0,0,0,0.8); }
.presse .image-presse .image-border img { max-width:100%; }
.presse .image-presse span { font-size:13px; color:#444444; display:block; margin:8px auto; }
.presse .ligne-signature { position:relative; margin:20px 0; text-align:left; clear:both; }
.presse .ligne-signature .presse-logo { position:absolute;display:inline-block;left:0px;top:0px; }
.presse .ligne-signature h6 { font-size:14px; margin:0; display:inline-block; }
.presse .ligne-signature h6 span { display:inline-block; font-size:0px; }

@media screen and (max-width:800px) {
   .presse .image-presse { display:block; float:none; margin:auto 0; min-width:auto; max-width:none; }
   .presse .image-presse .image-border { display:inline-block; }
   .presse .image-presse img { margin:auto 0; }
   .presse .ligne-signature .presse-logo { position:relative; display:block; }
   .presse .ligne-signature h6 { display:block; margin-top:10px; }
   .presse .ligne-signature h6 span { display:none; }
}

.morphext > .animated { display:inline-block }

.card-elements { margin-bottom:20px }
.card-elements .card-element-libelle { text-align:left }
.card-elements .card-element { padding:10px; background-color:#FFF; border:1px solid rgb(183,188,191); border-radius:4px }
.card-elements #card-number-element { margin-bottom:10px }
.card-elements .card-expiry-cvc-elements { display:flex }
.card-elements .card-expiry-cvc-elements .card-expiry-element { width:49% }
.card-elements .card-expiry-cvc-elements .card-expiry-cvc-separateur { width:2% }
.card-elements .card-expiry-cvc-elements .card-cvc-element { width:49% }

#cartes-enregistrees .libelle { margin-bottom:20px; text-align:left }
#cartes-enregistrees .paymentmethod { margin-bottom:20px; padding:10px; background-color:#FFF; border:1px solid rgb(183,188,191); border-radius:4px }
#cartes-enregistrees .paymentmethod:hover { cursor:pointer }
#cartes-enregistrees .paymentmethod.selection { color:#FFF; background:linear-gradient(0deg, #38B6F5 0%, #36BEF8 100%); border-color:#179BD7 }
#cartes-enregistrees .paymentmethod.selection::before { position:absolute; left:10px; top:50%; display:block; width:20px; height:20px; background:transparent url('../images/checkbox.svg') no-repeat center center; background-size:20px; content:'' }
#cartes-enregistrees .paymentmethod .type-exp { font-style:italic }

.toggle-forms { margin-bottom:20px }
.toggle-forms::after { display:block; content:''; clear:both }
.toggle-forms > div { position:relative; float:right; padding:7px 10px 6px 30px; color:#FFF; background-color:#737373; border-radius:4px; text-transform:uppercase; font-size:15px; font-weight:bold }
.toggle-forms > div::before { position:absolute; left:6px; top:50%; display:block; width:16px; height:16px; background-repeat:no-repeat; background-position:center center; background-size:16px; transform:translateY(-50%); content:'' }
.toggle-forms.plus > div::before { background-image:url('../images/bouton-plus.svg') }
.toggle-forms.retour > div::before { background-image:url('../images/menu-mobile.svg') }

#tirage { padding:200px 20px; background:#EEEEEE url('../images/background-miss-cookies.png'); text-align:center; }
#tirage-contenu { padding:20px 20px; margin:0 auto; max-width:600px; background:#FFFFFF; border:solid 1px #CCCCCC; position:relative; }
#tirage-email { position:absolute; bottom:-150px; left:0; width:100%; color:#000000; font-family:'function'; font-size:18px; text-shadow:3px 3px 3px #FFFFFF, 3px -3px 3px #FFFFFF,-3px 3px 3px #FFFFFF,-3px -3px 3px #FFFFFF,3px 3px 3px #FFFFFF, 3px -3px 3px #FFFFFF,-3px 3px 3px #FFFFFF,-3px -3px 3px #FFFFFF,3px 3px 3px #FFFFFF, 3px -3px 3px #FFFFFF,-3px 3px 3px #FFFFFF,-3px -3px 3px #FFFFFF; }
#tirage-titre { position:relative; padding:12px 4px 10px 74px; margin:0px 0px 20px 0px; background:#E6007E; color:#FFFFFF; font-family:'cocogoose'; font-size:41px; }
#tirage-titre span { position:absolute; left:20px; top:-7px; width:75px; height:75px; border-radius:50%; border:solid 6px #FFFFFF; background:#FFFFFF url('../images/miss-cookies-coffee-logo.png') no-repeat; background-size:100%; }
#objet-tirage-au-sort { font-weight:bold; font-size:27px; }
#date-tirage-au-sort { margin:20px auto; font-weight:bold; font-size:27px; }
#tirage-au-sort { border:solid 12px #000000; border-radius:30px; width:420px; height:100px; display:inline-block; background:linear-gradient(0deg, #6D6D6D 0%, #212121 47%, #212121 53%, #6D6D6D 100%); position:relative; overflow:hidden;  }
#tirage-au-sort-content { position:absolute; left:0px; right:0px; text-align:center; font:bold 35px/100px 'cocogoose'; color:#FFFFFF; }
#tirage-au-sort-content span#tirage-case1, #tirage-au-sort-content span#tirage-case2 { float:left; width:100%; left:0px; overflow:hidden; height:100px; }     
#tirage-au-sort-content span#tirage-case1 span, #tirage-au-sort-content span#tirage-case2 span { display:inline-block; width:33px; text-align:right; }
#tirage-mesure-case-conteneur { height:30px; }
#tirage-mesure-case { font:bold 35px/100px 'cocogoose'; color:#FFFFFF; display:inline-block; height:30px; }
.start-button, .start-button-on { display:inline-block; box-sizing:border-box; height:64px; position:relative; cursor:pointer; margin:0px 0 0; padding:10px 20px; border:0 none #800000; border-bottom:4px solid #800000; border-radius:7px 7px 9px 9px; font:bold 24px/40px 'cocogoose'; color:#FFFFFF; text-align:center; text-transform:uppercase; white-space:nowrap; background:linear-gradient(180deg, #FC2323 0, #DD0000 100%); background-origin:padding-box; background-clip:border-box; background-size:auto auto; box-shadow:0 -1px 1px 0 rgba(255,255,255,0.7) inset, 0 1px 1px 0 #800000; text-shadow:0 1px 1px rgba(0,0,0,0.5); }
.start-button:hover { background:#FF0000; border-bottom:4px solid #AB0000; }
.start-button:active, .start-button-on { height:60px; margin:4px 0 0; border:none; border-radius:7px; background:linear-gradient(180deg, #FF3D3D 0, #FF2424 100%); background-origin:padding-box; background-clip:border-box; background-size:auto auto; }

#footer-reseaux { width:100%; padding:25px 0 32px; }
#footer-reseaux .texte { text-align:center; font-size:24px; }
#footer-reseaux .logos { width:170px; height:50px; margin:10px auto 0; }
#footer-reseaux .logos a { display:inline-block; width:50px; height:50px; margin-right:10px; background-color:transparent; background-repeat:no-repeat; background-position:center center; }
#footer-reseaux .logos a:last-child { margin-right:0; }
#footer-reseaux .logos a.i { background-image:url('../images/logo2-instagram.png'); }
#footer-reseaux .logos a.f { background-image:url('../images/logo2-facebook.png'); }
#footer-reseaux .logos a.l { background-image:url('../images/logo2-linkedin.png'); }

#visites-page { position:absolute; top:-100px; }
#visites-page > div { padding:5px; }
#visites-page table {  }
#visites-page table tr {  }
#visites-page table tr td { padding:0 5px; text-align:left; }
#visites-page table tr td::first-child { width:100px; }