@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&family=Lemon&display=swap'); 
:root { --coul-clients-fond: #000000; --coul-clients-texte: #ecee72; --coul-commandes-fond: #000000; --coul-commandes-texte: #ecee72; --coul-catalogue-fond: #000000; --coul-catalogue-texte: #ecee72; --coul-informations-fond: #000000; --coul-informations-texte: #ecee72; --coul-publicite-fond: #000000; --coul-publicite-texte: #ecee72; --coul-global-fond: #000000; --coul-global-texte: #ecee72; } 
* {box-sizing: border-box;} 
#site-container {text-align: center; width: 90%; max-width: 100vw; vertical-align: middle; margin: auto; border-radius: 20px; border-color: #333333; border-width: 0px; border-top: 0; border-right: 0; display: grid; padding: 15px 0px 0px; resize: initial; visibility: visible; white-space: nowrap; z-index: 1; background-size: cover; align-content: start; justify-content: space-evenly; align-items: start; justify-items: start; grid-template-columns: 20% 20% 20% 20% 20%; column-gap: 0px; border-top-left-radius: 12px; border-top-right-radius: 12px; } 
#header-container {text-align: center; color: #ecee72; width: 98%; max-width: 1400px; height: 110px; max-height: 100%; background: url('../../Design/_titre/titre_PJ.png') center / auto 80% no-repeat, linear-gradient(135deg, #000000 0%, #1c1c1c 100%); vertical-align: middle; margin: auto; border-color: #98FB98; border-width: 0px; display: grid; padding: 5px; position: sticky; line-height: 40px; fill: #ecee72; top: -15px; box-shadow: 0 2px 12px rgba(0,0,0,.6); z-index: 2; align-content: start; justify-content: space-between; align-items: stretch; justify-items: initial; column-gap: 0px; row-gap: 0px; gap: 0px; grid-column: 1 / span 5; grid-row: 1 / span 2; } 
#header-containerImg {text-align: center; color: #ecee72; width: 100%; max-width: 100%; height: 110px; background: #000000; margin: auto; border-radius: 16px 16px 0 0; border-style: none; display: grid; padding: 0px; fill: #ecee72; box-shadow: none; z-index: 2; background-image:url('../../Design/_titre/titre_PJ.png');background-repeat: no-repeat; background-size: contain; align-content: stretch; align-items: center; justify-items: stretch; grid-template-columns: 20% 20% 20% 20% 20%; grid-column: 1 / span 5; grid-row: 1; } 
#menuD-container {text-align: center; color: #f2f2f2; width: 100%; vertical-align: middle; margin: 0px auto auto; border: 1px solid #0000FF; border-bottom: 0; border-top: 0; border-left: 0; border-right: 0; display: block; fill: #f2f2f2; top: 60px; z-index: 6; grid-column: 1 / span 5; } 
#bandeau-container {text-align: center; vertical-align: middle; margin: auto; border-color: var(--coul-global-texte); display: block; padding-bottom: 3px; padding-right: 3px; padding-left: 3px; z-index: 2; background-size: auto; grid-column: 0; grid-row: 0; } 
#container-usrSiteMsg {text-align: left; color: var(--coul-global-texte); width: 100%; min-width: 70%; max-width: 100%; max-height: 100%; background: var(--coul-global-fond); vertical-align: middle; margin: 3px auto 1px; border-radius: 13px; border-color: #333333; border-width: 0px; display: block; position: relative; fill: var(--coul-global-texte); resize: both; bottom: 20px; white-space: break-spaces; z-index: 2; align-content: center; grid-column: 1 / span 5; grid-row: 5; } 
#menuIndep-container {text-align: center; color: var(--coul-global-texte); width: 100%; height: 100%; background: var(--coul-global-fond); vertical-align: top; margin: auto; border-width: 0px; display: block; z-index: 12; grid-column: 0; grid-row: 0; } 
#page-container {color: var(--coul-global-texte); width: 100%; max-width: 100%; background: #141414; margin: auto; border-radius: 16px; border-width: 0px; display: flex; padding: 10px; box-shadow: 0 4px 24px rgba(0,0,0,.6); white-space: break-spaces; z-index: 5; flex-direction: column; flex-basis: auto; align-content: center; justify-content: center; align-items: center; grid-column: 1 / span 5; grid-row: 5 / span 3; } 
#pub-container {text-align: center; color: var(--coul-global-texte); width: 100%; height: 100%; background: transparent; vertical-align: middle; margin: 0px 3px 0px 0px; border-color: var(--coul-global-texte); display: flex; padding: 0px; fill: var(--coul-global-texte); white-space: normal; z-index: 5; flex-direction: row; align-content: center; justify-content: center; align-items: center; grid-column: 0; grid-row: 0; border-top-right-radius: 7px; } 
#body {text-decoration: none; text-align: center; font-family: Roboto, Segoe UI, Arial, sans-serif; font-size: 1rem; color: #f2f2f2; width: 100%; max-width: 100vw; background: #000000; vertical-align: top; margin: auto; fill: #f2f2f2; align-content: center; } 
#tablePages {text-align: left; width: 99%; min-height: 250px; background: var(--coul-global-fond); vertical-align: middle; margin: auto auto 10px; border-color: #8A2BE2; display: grid; resize: both; text-transform: none; align-content: start; justify-content: center; align-items: start; justify-items: center; grid-template-columns: 50% 50%; gap: 3px; } 
#bodyImg {text-decoration: none; text-align: center; font-family: Roboto, Segoe UI, Arial, sans-serif; font-size: 1rem; color: #f2f2f2; width: 100%; background: #000000; vertical-align: top; margin: auto; padding: 0px; fill: #f2f2f2; background-repeat: no-repeat; background-size: cover; align-content: center; } 
.pageNavigation {text-align: center; color: var(--coul-global-texte); width: 100%; background: var(--coul-global-fond); vertical-align: middle; margin: auto; display: grid; padding: 4px; text-transform: none; align-content: center; grid-template-columns: 50% 50%; grid-column: 1 / span 3; } 
a {text-decoration: underline; color: inherit; margin: auto; } 
.a:link {text-decoration: none; color: inherit; margin: auto; border-style: none; } 
.a:visited {color: var(--coul-global-texte); max-height: 60%; margin: auto; align-content: center; } 
a:hover {text-decoration: none; color: #ecee72; margin: auto; fill: #ecee72; cursor: pointer; } 
.icones {text-decoration: none; text-align: center; color: #ecee72; max-width: 100%; vertical-align: middle; margin: 2px; fill: #ecee72; } 
.boutons {text-decoration: none; text-align: center; font-family: Roboto, Segoe UI, Arial, sans-serif; font-size: 14px; color: #000000; min-width: 120px; background: #ecee72; vertical-align: middle; margin: 5px; border-radius: 10px; border: 1px solid #f7e155; display: inline-block; padding: 7px; line-height: 18px; fill: #000000; resize: none; box-shadow: 0 2px 8px rgba(236,238,114,.3); white-space: nowrap; cursor: pointer; align-content: center; } 
.boutons:hover {background: #f7e155; border-radius: 10px; cursor: pointer; } 
.message {text-align: center; color: var(--coul-global-texte); background: var(--coul-global-fond); vertical-align: middle; margin: auto; display: block; padding: 4px; line-height: 1.4em; text-transform: none; clear: both; white-space: normal; align-content: center; grid-column: 1 / span 3; } 
.msgOk {color: #FFFFFF; background: #059669; margin: 10px; border-radius: 8px; border-style: solid; border-width: 1px; display: block; padding: 10px; fill: #FFFFFF; white-space: normal; grid-column: 1 / span 2; } 
.msgKo {color: red; margin: auto; border-radius: 3px; display: block; padding: 5px; text-transform: none; } 
.input:focus {margin: auto; border-color: #2D2300; } 
.hidden {text-align: center; width: 0px; margin: auto; display: none; } 
#messCom {text-align: center; font-family: Lemon, cursive; font-size: 1.2rem; color: #f2f2f2; width: 100%; vertical-align: middle; margin: auto; padding: 10px; fill: #f2f2f2; white-space: normal; grid-column: 1 / span 5; } 
.onlyInResponsive {text-align: center; display: none; } 
.mdpIco {text-align: center; color: inherit; margin: auto; border-radius: 7px; padding-right: 5px; cursor: pointer; } 
.propuls {text-align: center; font-style: normal; font-size: .8rem; color: #ecee72; background: transparent; margin: 4px auto 0px; border-color: #333333; border-bottom: 0; border-top: 1px solid rgba(255,255,255,.1); border-left: 0; border-right: 0; padding: 10px 5px 0px; } 
.dbgHeaders {text-align: left; color: #f2f2f2; background: #141414; } 
.usrMsgBloc {height: 1px; margin: 1px; display: inline; padding: 0px; line-height: 0px; } 
.redirectTable {margin: auto; } 
.dbgItemImage {font-size: 14px; color: white; width: 300px; max-width: 300px; background: darkblue; margin: 0; display: inline-block; white-space: break-spaces; } 
.itemImageLien {text-decoration: none; } 
.dbgItemImageNew {font-size: 14px; width: 300px; max-width: 300px; margin: 0; display: inline-block; white-space: break-spaces; } 
#eCol1 {text-align: center; color: var(--coul-global-texte); vertical-align: middle; margin: auto; display: block; visibility: visible; white-space: nowrap; z-index: 4; cursor: pointer; grid-column: 1; grid-row: 1; } 
#eCol2 {color: var(--coul-global-texte); width: 50%; height: 45px; margin: auto; border-style: none; display: block; position: relative; top: -5px; white-space: normal; z-index: 4; grid-column: 2 / span 3; grid-row: 1; } 
#eCol3 {text-align: center; color: var(--coul-global-texte); vertical-align: middle; margin: auto; border-style: none; display: block; z-index: 4; grid-column: 3; grid-row: 1; } 
#eCol4 {text-align: center; color: var(--coul-global-texte); vertical-align: middle; margin: auto; border-style: none; z-index: 4; grid-column: 4; grid-row: 1 / span 2; } 
#eCol5 {text-align: center; color: var(--coul-global-texte); vertical-align: middle; margin: auto; border-style: none; display: block; z-index: 4; cursor: pointer; grid-column: 5; grid-row: 1; } 
.entLanguesForm {display: flex; flex-direction: column; } 
#rechBarre-container {text-align: center; width: 80%; vertical-align: middle; margin: 10px auto; border-color: #f4eaff; border-width: 0px; border-top: 0; border-left: 0; border-right: 0; display: block; position: relative; visibility: visible; white-space: nowrap; z-index: 2; background-size: cover; grid-column: 1 / span 5; grid-row: 3; } 
#logo {text-align: center; width: auto; max-width: 300px; height: auto; max-height: 100px; background: transparent; vertical-align: middle; margin: auto; border-style: none; display: none; white-space: normal; z-index: 100; } 
#itemMaint {text-align: center; font-size: 1rem; color: #FFFFFF; margin: auto; border-radius: 7px; border-color: var(--coul-global-texte); border-width: 0px; padding: 10px; white-space: normal; z-index: 1; } 
#iconeMaint {color: var(--coul-global-texte); width: 50px; margin: auto; border-color: var(--coul-global-texte); border-width: 0px; display: inline; white-space: normal; z-index: 1; } 
#msgMaint {text-align: center; color: #FFFFFF; vertical-align: middle; margin: auto; border-radius: 7px; border: 1px none var(--coul-global-texte); display: block; padding: 10px; opacity: .9; white-space: normal; z-index: 1; } 
#player {text-align: center; color: var(--coul-global-texte); font-weight: bold; height: 15px; background: #141414; vertical-align: middle; margin: 2px; border-radius: 7px; display: inline-block; padding: 3px; line-height: 15px; box-shadow: 2px 2px 4px 0px #006773; cursor: pointer; } 
#player:hover {text-align: center; color: #ADD8E6; border-color: #ADD8E6; box-shadow: 15px 15px 20px; cursor: pointer; } 
#devise {text-align: center; color: var(--coul-global-texte); height: 17px; background: var(--coul-global-fond); vertical-align: middle; margin: 2px; border-radius: 7px; display: inline-block; padding: 0px 0px 3px 3px; line-height: 17px; } 
.drapeaux {text-align: center; vertical-align: top; border-radius: 7px; display: inline; padding: 2px; position: relative; text-shadow: 1em 1em 0.1em #D8D8D8; top: 0px; box-shadow: 0 1px 4px rgba(0,0,0,.15); clear: both; } 
.drapeaux:hover {text-align: center; color: var(--coul-global-texte); cursor: pointer; } 
.bandeauImg {text-decoration: none; text-align: center; max-width: 100%; vertical-align: top; margin-bottom: auto; margin-right: auto; margin-left: auto; display: inline; position: relative; resize: none; text-transform: none; background-repeat: initial; align-content: center; } 
#imgTitre {text-decoration: none; text-align: center; font-family: Lemon, cursive; color: #f2f2f2; vertical-align: middle; margin: auto; padding-top: 30px; fill: #f2f2f2; resize: none; text-transform: none; white-space: normal; background-repeat: initial; align-content: center; grid-column: 2; } 
.titImgPetite {vertical-align: middle; } 
.titLien {text-decoration: none; } 
.titRetour {vertical-align: middle; cursor: pointer; } 
#un {color: #FFD700; font-weight: bold; background: #FFFF00; margin-bottom: auto; margin-right: auto; margin-left: 19px; animation: theUn 5s; } 
#deux {color: #FF8C00; font-weight: bold; background: #141414; margin-right: auto; animation: 5s theTwo; } 
#trois {color: #FF0000; font-weight: bold; background: #141414; margin-right: auto; display: block; animation: 5s theTree; } 
#ventes {color: #f2f2f2; font-weight: bold; width: 150px; height: 50px; vertical-align: top; margin-bottom: 0px; display: inline; padding-bottom: 10px; resize: none; transform: translate (-3px); animation: 5s theVente; text-transform: capitalize; overflow: auto; clear: left; } 
.logoAnime {text-align: center; color: #FF0000; background: #F5F5F5; vertical-align: middle; margin: 0px auto 0px 1px; border-color: #000000; display: block; padding-top: 2px; padding-right: 2px; padding-left: 10px; position: relative; resize: none; animation: 5s theLogo; text-transform: capitalize; visibility: visible; } 
#pdp-container {text-align: center; color: #ecee72; width: 100%; background: #000000; vertical-align: top; margin: 24px auto 0px; border-radius: 16px; border: 2px none var(--coul-global-texte); display: block; padding: 18px 20px 14px; fill: #ecee72; box-shadow: 0 -4px 24px rgba(0,0,0,.6); white-space: normal; z-index: 6; grid-column: 1 / span 6; grid-row: 9; } 
#pdpBarre {text-align: center; color: #ecee72; background: transparent; margin: auto; border: 1px none var(--coul-global-texte); border-top: 0; display: flex; padding: 4px 0px 10px; fill: #ecee72; white-space: normal; justify-content: center; align-items: center; flex-wrap: wrap; gap: 8px; } 
.pdpItem {text-align: center; color: #ecee72; height: auto; background: rgba(255,255,255,.06); vertical-align: middle; margin: 0px; border-radius: 999px; border-color: #333333; display: inline-flex; padding: 8px 14px; line-height: 1.2; fill: #ecee72; transition: background-color .2s; white-space: normal; cursor: pointer; align-items: center; gap: 8px; } 
.pdpIcone {text-align: center; color: #ecee72; vertical-align: middle; margin: auto; border-radius: 7px; border-color: #333333; display: inline; line-height: 25px; fill: #ecee72; } 
.pdpTxt {text-align: center; font-size: .92rem; color: #ecee72; font-weight: 500; height: auto; background: transparent; vertical-align: middle; margin: 0px; border-radius: 7px; border-color: #333333; display: inline; padding: 0px; line-height: 1.2; fill: #ecee72; white-space: normal; } 
.whatsapp-barre {text-align: right; font-size: 1.2rem; color: #ffffff; width: 40px; height: 40px; background: #25D366; vertical-align: middle; margin: 0px 0px 0px 6px; border-radius: 999px; display: inline-flex; padding: 0px; box-shadow: 0 2px 8px rgba(37,211,102,.35); justify-content: center; align-items: center; } 
.siteMsgBloc {text-align: center; font-size: 0.9rem; color: black; width: 50%; background: #FBEFF5; margin: auto; border-radius: 5px; border: 0px none #currentColor; display: flex; fill: #f2f2f2; justify-content: space-around; align-items: center; } 
.siteBtnAdmin {text-align: center; width: 100%; background: #FBEFF5; opacity: 1; } 
#menuDeroulantBarre {text-align: center; color: var(--coul-global-texte); width: 100%; background: #000000; vertical-align: middle; margin: auto; border-radius: 0 0 16px 16px; border: 1px solid #333333; border-top: 0; display: flex; padding: 4px 8px 8px; resize: none; box-shadow: 0 10px 28px rgba(0,0,0,.6); z-index: 2; background-size: auto; flex-direction: row; align-content: center; justify-content: center; align-items: center; gap: 4px; } 
.menuDeroulantItem {text-decoration: none; text-align: center; color: var(--coul-global-texte); vertical-align: middle; margin: 0px 2px; border-radius: 999px; border: 1px solid transparent; border-bottom: 0; border-top: 0; border-left: 0; border-right: 0; display: flex; padding: 8px 18px; position: relative; resize: none; transition: background-color .2s; visibility: visible; white-space: nowrap; z-index: 2; cursor: pointer; align-items: center; gap: 8px; } 
.textePpauxMenuDeroulant {text-decoration: none; text-align: center; font-size: 0.98rem; color: #ecee72; font-weight: 500; vertical-align: middle; margin: 1px; border-width: 0px; padding: 1px; position: relative; fill: #ecee72; resize: none; visibility: visible; white-space: nowrap; z-index: 2; cursor: pointer; } 
.iconesPpauxMenuDeroulant, .menuDeroulantItem>.fad, .menuDeroulantItem>.far {text-align: center; font-size: 1.25rem; color: #ecee72; vertical-align: middle; margin: 1px; border-radius: 7px; border-color: #000000; border-width: 0px; display: inline-block; padding: 1px; fill: #ecee72; resize: inherit; white-space: nowrap; z-index: 2; cursor: pointer; } 
.menuDeroulantItem:hover,menuDeroulantItem:focus {text-decoration: none; color: var(--coul-global-texte); background: rgba(255,255,255,.12); vertical-align: middle; border: 1px solid #333333; border-bottom: 0; border-top: 0; border-left: 0; border-right: 0; display: block; visibility: visible; z-index: 2; cursor: pointer; } 
.menuDeroulantItem:hover>.textePpauxMenuDeroulant,menuDeroulantItem:hover>.iconesPpauxMenuDeroulant,.menuDeroulantItem:focus>.textePpauxMenuDeroulant,.menuDeroulantItem:focus>.iconesPpauxMenuDeroulant {text-decoration: none; color: #ffffff; background: transparent; vertical-align: middle; margin-bottom: auto; margin-right: auto; margin-left: auto; fill: #ffffff; resize: none; visibility: visible; white-space: nowrap; z-index: 2; cursor: pointer; } 
.menuDeroulantItem:hover > ul,menuDeroulantItem:focus > ul {color: #f2f2f2; background: #141414; margin: 8px auto auto; border-radius: 10px; border-color: #FFA07A; display: block; padding: 2px; position: absolute; fill: #f2f2f2; box-shadow: 0 10px 30px rgba(0,0,0,.6); z-index: 3; } 
.sousMenuBarre {text-decoration: none; text-align: center; color: var(--coul-global-texte); vertical-align: top; margin: 0px auto auto; border-radius: 3px; display: none; padding: 2px; position: absolute; list-style-type: none; visibility: visible; white-space: nowrap; z-index: 3; } 
.sousMenuItem {text-decoration: none; text-align: left; background: var(--coul-global-fond); vertical-align: middle; margin: 7px; border-bottom: 0; border-top: 0; border-left: 0; border-right: 0; display: block; padding: 7px; list-style-type: none; z-index: 3; } 
.sousMenuIcones {text-align: left; color: #ecee72; background: #141414; vertical-align: middle; margin: 2px; display: inline; padding: 2px; position: relative; fill: #ecee72; resize: inherit; list-style-type: circle; visibility: inherit; white-space: nowrap; z-index: 3; cursor: pointer; } 
.sousMenuTexte {text-decoration: none; text-align: left; font-family: Roboto, Segoe UI, Arial, sans-serif; font-size: 1rem; color: #f2f2f2; width: 100%; background: #141414; vertical-align: middle; margin: 2px; display: inline; padding: 2px; position: relative; fill: #f2f2f2; list-style-type: none; white-space: nowrap; z-index: 3; } 
.sousMenuItem:hover {text-decoration: none; color: #ecee72; background: #2b2a12; border-color: #333333; fill: #ecee72; cursor: pointer; } 
.sousMenuItem:hover>* {text-decoration: none; color: #ecee72; background: #2b2a12; border-color: #333333; fill: #ecee72; cursor: pointer; } 
.sousMenuBarre:hover>.sousMenuItem,.sousMenuBarre:hover>.sousMenuItem>span>* {text-decoration: none; list-style-type: none; } 
#menuD-container> .top-nav-label .open-close-menu {text-decoration: none; color: #F5F5DC; background: #6495ED; margin: auto; } 
#menuD-container> .top-nav-label .open-close-menu::before,
#menuD-container> .top-nav-label .open-close-menu::after {text-decoration: none; background: #6495ED; margin: auto; } 
#familles-container {text-align: left; color: var(--coul-catalogue-texte); background: #141414; vertical-align: middle; margin: 0px 8px 16px; border-radius: 14px; border: 1px solid #333333; display: flex; padding: 8px; box-shadow: 0 2px 10px rgba(0,0,0,.6); list-style-type: none; visibility: visible; white-space: normal; z-index: 1; flex-direction: column; gap: 2px; } 
.familles-boite {text-align: left; color: var(--coul-catalogue-texte); background: var(--coul-catalogue-fond); vertical-align: middle; border: 1px solid #333333; border-bottom: 1px solid #333333; border-top: 0; border-left: 0; border-right: 0; padding: 5px; position: relative; list-style-type: none; visibility: visible; white-space: normal; } 
.familles-libelle {text-align: left; color: #1E90FF; width: 50%; height: 28px; background: var(--coul-catalogue-fond); vertical-align: middle; margin: auto; border-color: var(--coul-global-texte); display: inline; padding: 4px 2px 2px 4px; line-height: 28px; resize: none; text-transform: inherit; visibility: visible; white-space: normal; cursor: pointer; align-content: center; } 
.familles-img {text-align: center; height: 75px; vertical-align: middle; margin: auto; border-radius: 15px; border-color: var(--coul-catalogue-texte); border-bottom: 0; border-top: 0; border-left: 0; border-right: 0; display: inline; padding: 10px; list-style-type: none; white-space: nowrap; cursor: pointer; } 
.familles-boite:hover ul, .familles-boite:hover #sousCat-container {color: var(--coul-global-texte); width: auto; min-width: 200px; max-width: 320px; background: #141414; margin: auto auto auto 8px; border-radius: 12px; border: 1px solid #333333; display: flex; padding: 10px; position: absolute; left: 100%; top: 0px; box-shadow: 0 10px 30px rgba(0,0,0,.6); visibility: visible; white-space: nowrap; z-index: 30; flex-direction: column; align-content: center; justify-content: center; align-items: center; } 
#sousCat-container {text-align: center; background: var(--coul-catalogue-fond); margin: 1px; border-radius: 1px; display: none; padding: 10px; position: relative; left: 120px; text-transform: lowercase; top: 10px; list-style-type: none; white-space: nowrap; z-index: 5; } 
.categories-boite {text-align: center; width: 100%; margin-right: 2px; margin-left: 2px; border-radius: 3px; border: 1px outset #333333; display: flex; padding: 3px; z-index: 5; flex-direction: column; align-items: center; } 
.categoriesItems {text-decoration: none; text-align: left; color: var(--coul-catalogue-texte); width: 90%; background: var(--coul-catalogue-fond); vertical-align: top; margin: 0px; border-width: 0px; display: inline; padding: 4px; float: left; resize: none; text-transform: capitalize; list-style-type: none; visibility: visible; white-space: nowrap; z-index: 5; cursor: pointer; grid-column: 1; grid-row: 1; } 
.categoriesImages {text-align: right; color: var(--coul-global-texte); width: 75px; min-width: 75px; max-width: 75px; height: 75px; min-height: 75px; max-height: 75px; vertical-align: middle; margin: auto; border-radius: 15px; display: block; padding: 3px; list-style-type: circle; visibility: visible; white-space: nowrap; z-index: 5; cursor: pointer; grid-column: 2; grid-row: 1; } 
#promos-container {text-align: center; color: var(--coul-global-texte); vertical-align: middle; margin: auto; border-radius: 3px; border-color: #7FFF00; border-top: 0; display: flex; padding: 8px; resize: none; z-index: 2; flex-direction: row; align-content: center; justify-content: center; flex-wrap: wrap; } 
.itemBarrePromo {text-align: center; color: #FFFFFF; background: #2e5aac; vertical-align: middle; margin: 10px; border-radius: 20px; border-width: 0px; display: flex; padding: 10px; white-space: nowrap; cursor: pointer; flex-wrap: wrap; } 
.txtBarrePromo {text-align: center; color: #FFFAFA; vertical-align: middle; margin: auto; padding: 0px 1px 3px; } 
.iconeBarrePromo {text-align: center; color: #FFFAFA; vertical-align: middle; margin: auto; padding: 1px; } 
#rechItem {color: var(--coul-global-texte); background: var(--coul-catalogue-fond); vertical-align: middle; margin: 0px; border: 1px solid #6b61b8; display: inline; list-style-type: circle; visibility: visible; white-space: nowrap; } 
#rechInput {text-align: center; color: #f2f2f2; min-width: 30%; max-width: 80%; background: #141414; vertical-align: middle; margin: 0px; border-radius: 8px; border: 1px solid #333333; display: inline-block; padding: 3px; line-height: 1.2em; fill: #f2f2f2; list-style-type: circle; opacity: .9; visibility: visible; white-space: nowrap; } 
#rechBtn {text-align: left; color: #ecee72; vertical-align: middle; margin: 0px; border-radius: 7px; border-color: var(--coul-global-texte); border-width: 0px; display: inline; padding: 3px; fill: #ecee72; list-style-type: circle; visibility: visible; white-space: nowrap; cursor: pointer; } 
.actifBtnPromo {text-align: center; font-size: .9rem; color: #000000; font-weight: 600; background: #ecee72; vertical-align: middle; margin: 4px; border-radius: 999px; border-style: none; padding: 8px 16px; box-shadow: 0 2px 8px rgba(236,238,114,.3); } 
.promoImg {max-height: 1.4em; vertical-align: middle; } 
.promoTexte {margin-left: 7px; } 
#ongletBarre {text-align: center; color: var(--coul-global-texte); max-width: 100%; background: #2b2a12; margin: 8px auto 18px; border-radius: 999px; border-style: none; display: flex; padding: 5px; position: relative; list-style-type: none; justify-content: center; align-items: center; flex-wrap: wrap; gap: 4px; grid-column: 1 / span 2; } 
#ongletBarre li {text-align: center; color: #d4d4d4; margin: 0px; border-radius: 999px; border-style: none; display: inline-flex; padding: 8px 16px; transition: background-color .2s; list-style-type: none; } 
#ongletBarre li:hover {text-align: center; color: #3730a3; background: #2b2a12; border-bottom: 0; display: inline-flex; cursor: pointer; } 
#ongletBarre a {text-decoration: none; text-align: center; color: inherit; background: transparent; margin-bottom: auto; margin-right: auto; margin-left: auto; border-bottom: 0; display: block; } 
#ongletBarre a:hover {text-align: center; color: inherit; background: transparent; margin-bottom: auto; margin-right: auto; margin-left: auto; border-bottom: 0; } 
#ongActv, #txtActv {text-decoration: none; text-align: center; color: #000000; background: #ecee72; margin: auto; border-radius: 999px; box-shadow: 0 2px 8px rgba(236,238,114,.3); } 
#pageConnexion {text-align: left; color: var(--coul-global-texte); width: 100%; max-width: 440px; height: auto; background: #141414; vertical-align: middle; margin: 6px auto 24px; border-radius: 14px; border: 1px solid #333333; display: flex; padding: 24px 28px 22px; text-transform: none; box-shadow: 0 2px 10px rgba(0,0,0,.6); white-space: normal; flex-direction: column; align-content: center; justify-content: flex-start; align-items: stretch; grid-template-columns: 40% 50%; row-gap: 5px; gap: 6px; grid-column: 1 / span 3; } 
.connTitre {text-align: center; font-size: 1.45rem; color: #ecee72; font-weight: 700; width: 100%; vertical-align: middle; margin: auto 0px 14px; border-style: none; border-width: 1px; border-bottom: 0; display: flex; padding: 1px; line-height: 1.8em; text-transform: none; visibility: inherit; white-space: normal; align-content: center; justify-content: center; grid-column: 1 / span 3; } 
.messageConnect {text-align: center; color: var(--coul-global-texte); vertical-align: middle; margin: auto; display: inline; padding: 3px; line-height: 1.4em; text-transform: none; clear: both; align-content: center; grid-column: 1 / span 3; } 
.connListeDeroulante {text-decoration: none; color: var(--coul-global-texte); font-weight: bold; height: 100%; background: var(--coul-global-fond); vertical-align: top; margin: 0px; border: 1px none #00FFFF; fill: var(--coul-global-texte); resize: both; text-transform: lowercase; list-style-type: none; visibility: visible; z-index: 0; } 
.connLignes {text-decoration: none; border-width: 0px; border-bottom: 0; border-top: 0; border-left: 0; border-right: 0; display: none; grid-column: 1 / span 2; } 
.pageAccM2 {text-align: center; width: 100%; margin: auto auto 10%; border: 1px none #7FFF00; display: flex; padding: 0px; flex-direction: row; grid-template-columns: 40% 20% 40%; } 
.accM2Image {text-align: center; color: var(--coul-global-texte); width: 100%; background: var(--coul-global-fond); margin: auto; border-color: var(--coul-global-texte); border-width: 0px; display: block; padding: 0px; z-index: 0; grid-column: 2; } 
.accM3Conteneur {text-align: center; width: 100%; margin: auto; border: 1px none #7FFF00; display: flex; padding: 0px; line-height: 65px; flex-direction: row; align-content: space-between; justify-content: space-around; } 
.imgFamilleBlocAcc {text-align: left; color: #9ACD32; width: 100px; height: 100px; background: var(--coul-global-fond); vertical-align: top; margin: 2px; border-radius: 50px; border: 1px solid #333333; border-bottom: 1px solid #333333; border-top: 1px solid #333333; border-left: 1px solid #333333; border-right: 1px solid #333333; display: inline; line-height: 60px; text-transform: none; clear: left; } 
.titreFamilleBlocAcc {text-align: center; font-style: italic; color: #9ACD32; font-weight: bold; background: var(--coul-global-fond); vertical-align: middle; margin: auto; display: block; text-transform: none; clear: left; white-space: normal; } 
.accM4Conteneur {text-align: center; font-style: italic; color: var(--coul-global-texte); font-weight: bold; width: 100%; min-height: 450px; background: var(--coul-global-fond); vertical-align: middle; margin: auto; display: flex; padding: 5px; text-transform: none; clear: left; flex-direction: row; align-content: center; justify-content: space-around; align-items: center; flex-wrap: wrap; } 
.titreFamilleVignette {text-align: center; font-family: Luminari, fantasy; color: #2e5aac; background: var(--coul-global-fond); vertical-align: middle; margin: auto auto 10px; display: block; padding-bottom: 5px; text-transform: none; } 
.imgFamilleVignette {text-align: center; font-style: italic; color: var(--coul-global-texte); font-weight: bold; width: 100px; height: 100px; background: var(--coul-global-fond); vertical-align: top; margin: auto; border-radius: 50%; border: 1px solid var(--coul-global-texte); display: block; padding: 5px; text-transform: none; clear: left; } 
.accM6Label {margin: 10px; } 
.accM4Carte {display: flex; flex-direction: column; } 
.accAccueilM5CarousselHaut1 {color: red; } 
.libConnCell {text-align: right; vertical-align: middle; margin: 2px; border-color: #8A2BE2; display: block; padding-bottom: 2px; padding-right: 2px; padding-left: 2px; line-height: 1.2em; text-transform: capitalize; clear: both; visibility: visible; align-content: end; grid-column: 1; } 
.libConn {text-align: right; color: #f2f2f2; vertical-align: middle; margin: auto; border-color: #3D97C2; display: inline; padding: 2px; line-height: 1.2em; text-transform: none; visibility: visible; align-content: end; grid-column: 1; } 
.champsConnCell {text-align: left; width: 98%; vertical-align: middle; margin: 2px 0px; display: block; padding: 2px; text-transform: none; visibility: visible; grid-column: 2; } 
.champsConn {text-align: left; color: #f2f2f2; vertical-align: middle; margin: auto; border-radius: 7px; border: 1px dashed #000000; display: inline; padding: 2px; text-transform: none; visibility: visible; } 
#tableCli {text-align: left; color: var(--coul-clients-texte); width: 100%; max-width: 760px; background: #141414; vertical-align: top; margin: 4px auto 20px; border-radius: 14px; border: 1px solid #333333; display: grid; padding: 24px 28px 22px; text-transform: none; box-shadow: 0 2px 10px rgba(0,0,0,.6); align-items: center; grid-template-columns: 190px minmax(0,1fr); gap: 12px 18px; grid-column: 1 / span 2; } 
.titresCli {font-style: initial; width: 100%; background: var(--coul-global-fond); margin: auto; border: 1px solid #333333; border-bottom: 1px solid #333333; border-top: 0; border-left: 0; border-right: 0; display: flex; padding: 1px; line-height: 1em; visibility: visible; white-space: normal; flex-wrap: wrap; grid-column: 1 / span 2; } 
.libClientsCell {text-align: right; vertical-align: middle; display: block; padding: 0px; line-height: 1.3; align-content: center; grid-column: 1; } 
.libClients {text-align: right; font-size: .9rem; color: #d4d4d4; font-weight: 600; vertical-align: middle; display: inline; text-transform: none; visibility: visible; align-content: end; } 
.champsCliCell {text-align: left; color: var(--coul-clients-texte); vertical-align: middle; border: 1px none #A9A9A9; display: flex; padding: 0px; text-transform: none; align-content: center; justify-content: start; align-items: center; gap: 8px; grid-column: 2; } 
.champsCli {text-align: left; font-size: .95rem; color: #f2f2f2; width: 100%; background: #1c1c1c; vertical-align: middle; border-radius: 10px; border: 1px solid #333333; display: block; padding: 10px 12px; transition: border-color .2s, box-shadow .2s; text-transform: none; } 
.msgCli {font-style: initial; width: 100%; background: var(--coul-global-fond); margin: auto; border: 1px solid #333333; border-bottom: 1px solid #333333; border-top: 0; border-left: 0; border-right: 0; display: flex; padding: 1px; visibility: visible; white-space: normal; flex-wrap: wrap; grid-column: 1 / span 2; } 
.listeDeroulanteCli {text-align: left; font-size: .95rem; color: #f2f2f2; width: 100%; max-width: 100%; background: #1c1c1c; vertical-align: top; margin: 0px; border-radius: 10px; border: 1px solid #333333; display: block; padding: 9px 10px; visibility: visible; grid-column: 2; } 
.cliLignes {text-align: left; color: #6495ED; width: 100%; height: 1px; background: #6495ED; vertical-align: top; margin: 5px auto; border: 1px none #A9A9A9; display: block; text-transform: none; visibility: visible; grid-column: 1 / span 3; } 
#detailsOnglets {text-align: left; color: var(--coul-clients-texte); height: 1%; background: var(--coul-clients-fond); vertical-align: top; margin: 0px; display: block; text-transform: none; visibility: visible; grid-column: 1 / span 3; } 
#detailsOnglets li {text-align: left; color: var(--coul-clients-texte); height: 1%; background: var(--coul-clients-fond); vertical-align: top; margin: 0px; display: block; text-transform: none; visibility: visible; grid-column: 1 / span 3; border-top-left-radius: 12px; border-top-right-radius: 12px; } 
#detailsOnglets li.sactive {text-align: left; color: var(--coul-clients-texte); height: 1%; background: var(--coul-clients-fond); vertical-align: top; margin: 0px; display: block; text-transform: none; visibility: visible; grid-column: 1 / span 3; } 
#detailsOnglets a {text-align: left; color: var(--coul-clients-texte); height: 1%; background: var(--coul-clients-fond); vertical-align: top; margin: 0px; display: block; text-transform: none; visibility: visible; grid-column: 1 / span 3; } 
#detailsOnglets a:hover {text-align: left; color: var(--coul-clients-texte); height: 1%; background: var(--coul-clients-fond); vertical-align: top; margin: 0px; display: block; text-transform: none; visibility: visible; } 
#detailsOnglets li:hover {text-align: left; color: var(--coul-clients-texte); height: 1%; background: var(--coul-clients-fond); vertical-align: top; margin: 0px; display: block; text-transform: none; } 
#barreClientContainer {text-align: center; color: var(--coul-clients-texte); width: 100%; height: auto; background: var(--coul-global-fond); vertical-align: middle; margin: auto; border-color: var(--coul-global-texte); border-width: 0px; border-bottom: 0; border-top: 0; border-left: 0; border-right: 0; display: flex; padding: 6px 10px 10px; text-transform: none; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px; grid-column: 1 / span 3; } 
.admConnPage {width: 100%; min-height: 300px; background: #141414; vertical-align: top; margin: auto; border-radius: 12px; top: 1px; white-space: break-spaces; } 
.connResultat {text-align: center; max-width: 100%; margin: 10px; padding: 50px; } 
.admConnBoutons {margin: 20px auto auto; } 
.newMdpValid {text-align: center; } 
.admConnVersBo {} 
.admConnValid {margin: 15px; } 
.admConnSiteTest {text-decoration: none; } 
.admMdpChamp {width: 90%; } 
.admMdpMail {width: 90%; margin: auto; } 
.admMdpValider {text-align: center; width: 100%; margin: 10px; } 
.admNewMdpForm {display: contents; } 
.admNewMdpBoutons {text-align: center; width: 100%; margin: 10px; padding: 10px; } 
.authBloc {text-align: center; width: 80%; margin: auto; } 
.authLogo {text-align: top; padding: 1px; } 
.authTitre {width: 100%; } 
.authMsgOk {color: #f2f2f2; background: lightgreen; margin: 5px auto auto; border-radius: 7px; border: 1px solid grey; padding: 5px; } 
.authMsgKo {color: #f2f2f2; background: #2a2a2a; margin-bottom: 5px; margin-top: 5px; border-radius: 7px; border: 1px solid grey; padding: 5px; } 
.cliFlagCache {width: 50px; } 
.cliCdvVoir {text-align: left; margin: auto; } 
.cliCdvAccepter {text-align: center; line-height: 50px; white-space: break-spaces; } 
.cliInscSupport {padding: 20px; } 
.decoTitre {} 
.decoBloc {} 
.connMdpValider {text-align: center; width: 100%; margin: 10px; } 
.connFormTitre {width: 100%; } 
.connBoutons {text-align: center; width: 100%; margin: auto; padding: 0.9em; } 
.authPage {background: #141414; } 
.titresCat {text-align: left; font-style: italic; color: #ecee72; font-weight: bold; background: var(--coul-catalogue-fond); vertical-align: middle; margin: 2px 0px; padding: 2px; fill: #ecee72; align-content: center; grid-column: 1; } 
.gondole-container {color: var(--coul-catalogue-texte); background: var(--coul-global-fond); margin: auto; border-color: var(--coul-catalogue-texte); display: flex; background-size: cover; flex-direction: row; flex-basis: auto; align-content: flex-start; justify-content: center; align-items: flex-start; flex-wrap: wrap; } 
.tableCatalogue {text-align: center; color: var(--coul-catalogue-texte); width: 400px; max-width: 400px; height: 500px; min-height: 300px; background: #141414; vertical-align: middle; margin: 5px; border-radius: 14px; border: 1px solid #333333; display: grid; text-transform: none; box-shadow: 0 4px 16px rgba(0,0,0,.6); clear: both; visibility: visible; white-space: normal; grid-template-columns: 50%; grid-column: 1 / span 2; } 
.msgCatalogue {text-align: center; color: #f2f2f2; vertical-align: middle; margin: auto; display: block; padding: auto; list-style-type: none; visibility: visible; white-space: normal; grid-column: 1 / span 3; } 
.titresPrd {text-decoration: none; text-align: center; font-size: 1.2rem; color: #f2f2f2; font-weight: 600; background: var(--coul-catalogue-fond); margin: 3px; border-radius: 7px; display: block; padding: auto; fill: #f2f2f2; text-transform: none; white-space: nowrap; z-index: 0; align-content: center; grid-column: 1 / span 3; grid-row: 1; } 
.catalogueImgPrd {max-width: 280px; padding: 10px; grid-column: 1 / span 3; grid-row: 3; } 
.descProduits {text-decoration: none; text-align: center; font-style: italic; color: #d4d4d4; font-weight: bold; background: var(--coul-catalogue-fond); margin: 3px; border-radius: 7px; display: block; padding: auto; fill: #d4d4d4; text-transform: none; white-space: nowrap; grid-column: 1 / span 3; grid-row: 1; } 
.zoneAcheter {text-align: left; color: var(--coul-catalogue-texte); background: var(--coul-catalogue-fond); vertical-align: middle; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; border-color: var(--coul-catalogue-texte); display: block; padding: 3px; white-space: nowrap; grid-column: 2; } 
.libCatalogueCell {text-align: right; color: var(--coul-catalogue-texte); background: var(--coul-catalogue-fond); vertical-align: middle; margin: 2px 0px; padding: 2px; overflow: initial; grid-column: 1; } 
.libCatalogue {text-align: left; font-style: italic; color: #a3a3a3; font-weight: bold; background: var(--coul-catalogue-fond); vertical-align: middle; margin: 2px 0px; padding: 2px; fill: #a3a3a3; grid-column: 1; } 
.champsCatalogueCell {text-align: left; color: var(--coul-catalogue-texte); min-width: 25%; background: var(--coul-catalogue-fond); vertical-align: middle; margin: 2px 0px; border-width: 0px; display: block; padding: 2px; visibility: visible; grid-column: 2; } 
.champsCatalogue {color: var(--coul-catalogue-texte); width: 80%; background: var(--coul-catalogue-fond); border-radius: 5px; border: 1px groove #A9A9A9; display: block; padding: 2px; } 
.prix {text-align: left; color: #ecee72; font-weight: 700; background: var(--coul-catalogue-fond); margin: 0px; border-color: var(--coul-global-texte); border-width: 0px; display: inline; padding: 0px 2px 2px 0px; fill: #ecee72; visibility: visible; white-space: nowrap; grid-column: 1 / span 2; } 
.prixRemise {text-align: left; color: #e11d48; font-weight: 700; background: var(--coul-catalogue-fond); margin: 0px; border-color: var(--coul-global-texte); border-width: 0px; display: inline; padding: 2px; fill: #e11d48; visibility: visible; white-space: nowrap; grid-column: 2; } 
.promos {color: #e11d48; background: var(--coul-catalogue-fond); margin: 0px; border-color: #000080; padding: 0px; fill: #e11d48; list-style-type: circle; visibility: visible; white-space: nowrap; } 
.listeDeroulanteCat {text-align: left; color: var(--coul-catalogue-texte); background: var(--coul-catalogue-fond); vertical-align: top; margin: 0px; border-radius: 5px; border: 1px groove #A9A9A9; overflow: auto; list-style-type: circle; visibility: visible; white-space: nowrap; } 
.lignesCatalogue {color: var(--coul-catalogue-texte); width: 100%; height: 0.5px; background: var(--coul-catalogue-fond); margin: 4px 0px 10px; list-style-type: circle; visibility: visible; white-space: nowrap; } 
.titresFamilles {color: var(--coul-catalogue-texte); width: 550%; height: 20%; background: var(--coul-catalogue-fond); margin-bottom: 1px; margin-top: 1px; border-radius: 7px; border: 1px outset var(--coul-catalogue-texte); display: block; fill: var(--coul-catalogue-texte); visibility: visible; grid-column: 1 / span 3; } 
#catalogueImgDiapo {text-align: left; color: var(--coul-catalogue-texte); background: var(--coul-catalogue-fond); margin: 2px; border-radius: 7px; border-color: #F5F5DC; display: block; padding: 2px; resize: none; visibility: visible; white-space: nowrap; grid-column: 1 / span 2; grid-row: 3; } 
#affRes {text-align: center; color: var(--coul-catalogue-texte); background: var(--coul-catalogue-fond); margin: auto; display: block; padding: 2px; visibility: visible; white-space: normal; } 
.catRechForm {display: grid; } 
.catGondoleForm {} 
.catPrdBloc {margin: auto; display: grid; align-items: center; } 
.catPrdItem {} 
.catVignetteCache {width: 80%; } 
.catCptCache {width: 10%; } 
.catGondoleImg3 {width: 30px; margin-bottom: 30px; cursor: pointer; } 
.catGondoleImg4 {width: 30px; margin-bottom: 30px; } 
.catGondoleTexte {text-align: center; margin: auto; display: block; } 
.catZoom {text-align: center; } 
.catDescCourte {} 
.catPrdArticle {display: inline; } 
.catNotice {height: 800px; } 
.catNoticeCadre {width: 99.9%; height: 100%; } 
.panierTitre {text-align: left; font-size: 18px; color: #ecee72; font-weight: bold; width: 100%; background: transparent; margin-bottom: 5px; margin-top: 5px; border-color: var(--coul-global-texte); display: block; padding: 4px; line-height: 1.3em; white-space: normal; grid-column: 1 / -1; } 
.tablePanier {font-style: initial; width: 100%; background: #141414; margin: 0px 0px 16px; border-radius: 14px; border: 1px solid #333333; display: flex; padding: 18px 20px; position: relative; box-shadow: 0 2px 10px rgba(0,0,0,.6); visibility: visible; white-space: normal; flex-wrap: wrap; } 
#syntheseLignes {width: 100%; background: var(--coul-commandes-fond); margin: 0px; display: grid; white-space: normal; align-content: start; justify-content: center; align-items: start; justify-items: center; grid-template-columns: 10% 24% 22% 24% 20%; row-gap: 0.5px; grid-column: 1; grid-row: 1 / span 2; } 
.imgPanier {text-align: center; font-style: initial; width: 100%; vertical-align: middle; margin: 0px; border-color: var(--coul-global-texte); border-width: 0px; border-bottom: 1px solid #FF8C00; border-top: 0; border-left: 0; border-right: 0; padding: 1px 0px; position: initial; line-height: 2em; visibility: initial; cursor: none; } 
.libPanierCell {color: #a3a3a3; width: 100%; background: transparent; margin: 0px; border-bottom: 1px solid #333333; display: block; padding: 6px 2px; line-height: 25px; visibility: visible; white-space: normal; } 
.libPanier {text-align: center; font-style: initial; font-size: .78rem; color: #a3a3a3; font-weight: 600; width: 100%; height: auto; background: transparent; vertical-align: middle; margin: auto; border-color: #FF8C00; border-width: 0px; border-bottom: 0; border-top: 0; border-left: 0; border-right: 0; display: inline; padding: 3px 0px; text-transform: uppercase; visibility: initial; white-space: normal; } 
.champsPanierCell {text-align: center; width: 100%; vertical-align: middle; margin: auto; border-color: #A9A9A9; border-width: 0px; border-bottom: 0; border-top: 0; border-left: 0; border-right: 0; display: block; padding-bottom: 3px; padding-top: 3px; white-space: normal; } 
.champsPanier {text-align: center; color: inherit; width: 100%; vertical-align: middle; margin: auto auto auto 3px; border-color: #A9A9A9; border-width: 0px; display: inline; padding: 0px 3px; visibility: visible; white-space: normal; } 
#blocSynthese {text-align: left; color: var(--coul-commandes-texte); width: 100%; height: auto; background: #141414; vertical-align: top; margin: 0px 0px 16px; border-radius: 14px; border: 1px solid #333333; display: block; padding: 18px 20px; position: sticky; top: 16px; box-shadow: 0 2px 10px rgba(0,0,0,.6); grid-column: 2; } 
.itemPanier {text-align: left; font-style: initial; color: #d4d4d4; font-weight: 500; width: 100%; background: transparent; vertical-align: middle; margin: 0px; border-color: var(--coul-global-texte); border-width: 0px; border-bottom: 1px solid #333333; border-top: 0; border-left: 0; border-right: 0; display: block; padding: 9px 5px; visibility: initial; white-space: normal; } 
.panierLignes {color: #9ACD32; width: 98%; height: 2px; background: #A9A9A9; margin: 5px 4px 4px; border: 0.2px solid #A9A9A9; border-bottom: 0.2px solid #333333; border-top: 0; border-left: 0; border-right: 0; display: block; padding: 0px; line-height: 0px; visibility: visible; } 
.listeDeroulantePanier {color: var(--coul-commandes-texte); background: var(--coul-commandes-fond); margin: 0px; border-radius: 7px; border: 1px solid var(--coul-commandes-texte); visibility: visible; } 
.msgPanier {text-align: center; color: #f2f2f2; font-weight: bold; vertical-align: middle; margin: auto; display: block; padding: 5px; overflow: initial; visibility: visible; white-space: normal; grid-column: 1 / span 3; } 
#recapContainer {text-align: left; color: var(--coul-commandes-texte); width: 100%; background: var(--coul-commandes-fond); vertical-align: middle; margin: auto; display: flex; padding: 3px; flex-direction: column; align-content: space-around; justify-content: space-between; align-items: center; grid-column: 1; } 
#panierConteneurItem {color: var(--coul-commandes-texte); width: 100%; background: transparent; margin: auto; border-color: #006400; border-width: 0px; border-bottom: 0; border-top: 0; border-left: 0; border-right: 0; display: block; padding: 4px 0px; visibility: visible; flex-direction: row; justify-content: center; justify-items: center; flex-wrap: wrap; grid-column: 1; } 
.blocItemPanier {text-align: left; font-style: initial; color: #f2f2f2; font-weight: 600; width: 100%; max-width: 460px; background: #141414; margin: 0px auto 10px; border-radius: 12px; border: 1px solid #333333; display: block; padding: 12px 14px; transition: border-color .2s, background-color .2s, box-shadow .2s; white-space: normal; } 
.panMenuLivImg {width: 10%; vertical-align: middle; margin: 0px; border: 0px none currentColor; } 
.panMenuPaieImg {max-width: 150px; vertical-align: middle; border: 0px none currentColor; } 
.panMenuPaieTexte {vertical-align: middle; } 
.panMenuPaieImg2 {width: 5%; vertical-align: middle; border: 0px none currentColor; } 
.panLigne {width: 100%; display: flex; } 
.panLigneImgZone {width: 20%; display: flex; } 
.panLigneImg {max-width: 80%; max-height: 80%; } 
.panLigneOptions {width: 100%; display: flex; flex-direction: column; } 
.panLigneNom {display: flex; } 
.panLigneIcone {font-size: 1.2rem; color: red; fill: red; cursor: pointer; } 
.panLigneImgMail {max-width: 150px; } 
.panLigneOptionsBloc {width: 100%; display: flex; flex-direction: column; } 
.panEnteteTab {width: 100%; display: flex; } 
.panBoutons {text-align: center; width: 100%; background: var(--coul-commandes-fond); margin: 12px 0px 0px; padding: 10px 0px; position: sticky; bottom: 0; box-shadow: 0 -6px 10px -8px rgba(17,24,39,.25); z-index: 6; justify-content: center; flex-wrap: wrap; gap: 10px; } 
.panVide {margin: auto; } 
.panOptionsBloc {width: 100%; border-top: 1px dashed lightblue; display: flex; } 
.panOptionsIcone {cursor: pointer; } 
.ribTitreLien {text-decoration: none; position: relative; } 
.ribTitreImg {text-decoration: none; vertical-align: middle; cursor: pointer; } 
.ribForm {margin-right: 10px; margin-left: 10%; } 
.recapBloc {width: 100%; display: flex; justify-content: space-evenly; } 
.recapPaieImg {text-align: center; width: 40%; vertical-align: middle; margin: auto; } 
.recapModeIcone {margin: 5px; } 
.recapLivImg {width: 40%; vertical-align: middle; } 
.recapComZone {width: 100%; margin: 3px auto auto; } 
.paypalForm {text-align: center; } 
.recapCommentaire {font-family: inherit; color: #f2f2f2; width: 100%; max-width: 100%; background: #1c1c1c; border-radius: 10px; border: 1px solid #333333; padding: 10px 12px; } 
.recapAdrFact {margin-right: 0px; margin-left: 0px; } 
.recapBloc0 {text-align: center; width: 100%; margin: auto; border-top: 1px solid #333333; padding-top: 5px; } 
.recapAutresAchats {text-align: center; margin: 25px auto; } 
.livBloc {text-align: left; width: 100%; margin: auto; display: flex; align-items: stretch; gap: 10px; } 
.livImg {width: 10%; vertical-align: middle; margin: auto; } 
.livValider {text-align: center; width: 100%; background: var(--coul-commandes-fond); margin-bottom: 10px; padding: 10px 0px; position: sticky; bottom: 0; box-shadow: 0 -6px 10px -8px rgba(17,24,39,.25); z-index: 6; } 
.livRetourApi {text-align: center; width: 100%; margin: auto; display: grid; padding: 8px; grid-template-columns: 50% 50%; gap: 15px; } 
.paypalTexte {text-align: center; margin: 10px auto auto; } 
.paypalBoutons {width: 55%; } 
.stripeForm {text-align: center; margin-bottom: 10px; } 
.adrLivErreur {color: red; } 
.paieBloc {text-align: left; width: 100%; margin: auto; display: flex; align-items: stretch; gap: 10px; } 
.paieIcone {text-align: center; width: 30%; vertical-align: middle; margin: auto; } 
.paieValider {text-align: center; width: 100%; background: var(--coul-commandes-fond); margin-bottom: 10px; margin-top: 10px; padding: 10px 0px; position: sticky; bottom: 0; box-shadow: 0 -6px 10px -8px rgba(17,24,39,.25); z-index: 6; } 
.assistListeForm {width: 100%; } 
.assistOption {width: 99%; min-width: 0; margin: 10px auto; border-radius: 4px; border: 1px solid grey; display: flex; padding: 10px; white-space: normal; flex-wrap: wrap; } 
.assistChoixGris {text-align: left; color: #f2f2f2; font-weight: normal; background: #2a2a2a; } 
.assistChoix {text-align: left; color: #f2f2f2; font-weight: normal; } 
.assistChoixCache {width: 30px; } 
.assistChoixCase {color: #f2f2f2; } 
.assistQteDepassee {color: red; } 
.assistChoixLib {white-space: break-spaces; } 
.assistListeTitre {text-align: center; margin: auto; display: flex; flex-direction: column; flex-wrap: wrap; } 
.assistListeImgLib {text-align: center; width: 100%; margin-top: 10px; } 
.assistListeLib {font-size: 2rem; min-height: 35%; display: block; white-space: break-spaces; cursor: pointer; } 
.assistListePrixSup {font-style: italic; font-size: 1rem; color: grey; } 
.assistListeInclus {font-size: 0.9rem; color: white; font-weight: normal; cursor: pointer; } 
.assistSomme {text-align: left; background: #141414; white-space: break-spaces; } 
.assistQteMin {color: red; white-space: break-spaces; } 
.assistSuivantZone {margin-bottom: 10px; margin-top: 10px; margin-left: 50px; } 
.assistSuivant {width: 100%; border: 0px none currentColor; padding: 2px; } 
.assistFinZone {margin-top: 20px; display: contents; padding: 7px; } 
.assistFinValider {width: 100%; margin: 20px auto auto; border: 0px none currentColor; padding: 5px; } 
.assistQteMoins {width: 30px; border-right: 1px solid #333333; padding-right: 10px; padding-left: 10px; cursor: pointer; } 
.assistQtePlus {width: 30px; border-left: 1px solid #333333; padding-right: 10px; padding-left: 10px; cursor: pointer; } 
.assistOptionImg {max-width: 32px; margin: auto; } 
.assistFenetre {opacity: 1; } 
.assistFenetreContenu {color: #f2f2f2; height: 99%; left: 0; resize: both; top: 0px; overflow: auto; opacity: 1; z-index: 10; } 
.assistTitreZone {display: flex; position: sticky; opacity: 1; z-index: 10; flex-direction: column; } 
.assistFermer {cursor: pointer; } 
.assistAideZone {text-align: center; vertical-align: middle; display: flex; flex-direction: rows; flex-wrap: wrap; } 
.assistAideTitre {font-style: weight; font-size: 1.8rem; width: 50%; } 
.assistPrdNom {margin: 1px; white-space: break-spaces; z-index: 3; } 
.assistPrdImgCadre {margin: 10px; } 
.assistPrdImgZone {z-index: 10; } 
.assistPrdImg {width: 150px; height: 150px; border-radius: 100%; } 
.assistOptionsForm {display: contents; } 
.assistValidZone {margin-top: 1px; display: flex; padding: 4px; } 
.assistDebug {text-align: left; color: #f2f2f2; margin: 15px; border: 1px solid blue; display: block; white-space: pre-wrap; flex-wrap: wrap; } 
.couleur_ico_1 {color: green; } 
.couleur_ico_2 {color: purple; } 
.couleur_ico_3 {color: blue; } 
.couleur_ico_4 {color: red; } 
.couleur_ico_5 {color: brown; } 
.couleur_ico_defaut {color: #f2f2f2; } 
.option_defaut {background: #141414; } 
#etapesContainer {text-align: center; width: 100%; height: auto; background: #141414; margin: 4px auto 18px; border-radius: 14px; border: 1px solid #333333; display: flex; padding: 10px; align-content: center; justify-content: center; align-items: center; justify-items: stretch; flex-wrap: wrap; gap: 8px; grid-column: 1 / -1; grid-row: 1; } 
.option_pas_de_choix {background: #2a2a2a; } 
.option_quantite_vide {background: orange; } 
.champEtapesTodo {font-size: .85rem; color: #a3a3a3; font-weight: 600; background: #1c1c1c; margin: 0px; border-radius: 999px; display: inline-flex; padding: 8px 14px; visibility: visible; white-space: nowrap; align-items: center; gap: 6px; } 
.champEtapesDone {font-size: .85rem; color: #047857; font-weight: 600; background: #ecfdf5; margin: 0px; border-radius: 999px; display: inline-flex; padding: 8px 14px; visibility: visible; white-space: nowrap; cursor: pointer; align-items: center; gap: 6px; } 
.option_selectionnee {background: #fbe3c1; } 
.assistQteCompteur {color: blue; background: #141414; border: 1px solid grey; } 
.adrFactMsg {color: white; } 
#tableMesCdes {text-align: center; color: var(--coul-clients-texte); width: 100%; max-width: 100%; height: 100%; max-height: 100%; background: #D3D3D3; margin: auto; border: 1px solid #333333; border-bottom: 1px solid #333333; border-top: 0; border-left: 0; border-right: 0; display: grid; overflow: auto; visibility: visible; align-content: center; justify-items: center; grid-template-columns: 10% 20% 15% 10% 20% 10% 15%; column-gap: 0; row-gap: 1px; grid-column: 1 / span 3; } 
.libMesCdesCell {text-align: center; color: #6495ED; width: 100%; background: var(--coul-global-fond); vertical-align: middle; margin: auto; border-color: #333333; display: block; visibility: visible; } 
.libMesCdes {text-align: center; color: #6495ED; font-weight: bold; width: 100%; background: var(--coul-global-fond); margin: auto; display: block; visibility: visible; } 
.champsMesCdesCell {text-align: left; color: var(--coul-clients-texte); width: 100%; background: var(--coul-global-fond); vertical-align: middle; margin: 0px; border-color: #333333; border-bottom: 0; border-top: 0; border-left: 0; border-right: 0; display: block; line-height: 1.5em; visibility: visible; } 
.champsMesCdes {text-align: left; color: var(--coul-clients-texte); width: 100%; height: 100%; background: var(--coul-global-fond); margin: auto; display: block; fill: var(--coul-clients-texte); visibility: visible; } 
.lignesMesCdesCell {text-align: left; color: var(--coul-clients-texte); height: auto; background: var(--coul-clients-fond); margin: 2px 0px 0px; display: block; fill: var(--coul-clients-texte); visibility: visible; } 
.lignesMesCdes {text-align: center; color: var(--coul-clients-texte); margin: auto; display: inline; visibility: visible; } 
.mesCdesCoulImpair {text-align: left; color: #f2f2f2; background: #141414; vertical-align: middle; margin: auto; visibility: visible; } 
.detailResponsiv {text-align: center; width: 100%; margin: auto; border: 1px solid #808080; display: none; resize: none; flex-direction: column; align-content: space-around; grid-column: 1 / span 7; } 
.cdeDetailLignes {width: 100%; display: flex; } 
.cdeDetail {width: 100%; display: flex; align-content: stretch; justify-content: space-around; } 
.cdeDetailLien {color: blue; } 
.CouleurDeligne-2 {color: #f2f2f2; background: lightgreen; } 
#optionForm {text-align: left; color: #f2f2f2; width: 100%; background: #141414; margin: 0px; border: 1px solid #333333; display: flex; padding: 5px 20px 20px; overflow: auto; visibility: visible; white-space: normal; flex-direction: column; align-content: center; } 
#optionTitre {text-align: center; color: var(--coul-commandes-texte); width: 100%; max-width: 100%; height: 100%; max-height: 100%; margin: 0px; border-radius: 2px; border-color: #7CA2FA; overflow: auto; align-content: center; grid-column: 1; } 
.descMenu {text-align: left; color: #f0e805; width: 100%; min-height: 20px; background: #050505; margin: auto; border-radius: 7px; padding: 20px; white-space: break-spaces; } 
.divLibellés {text-align: center; color: var(--coul-commandes-texte); width: 100%; background: var(--coul-global-fond); margin: 0px; padding: 0px; fill: var(--coul-commandes-texte); overflow: auto; align-content: center; justify-items: center; } 
.libellesForm {text-align: center; color: var(--coul-global-texte); font-weight: bold; background: var(--coul-global-fond); margin: 0px; padding: 5px; overflow: auto; align-content: center; } 
.divMenu {text-align: left; color: #3759be; font-weight: bold; min-height: 20px; border-radius: 7px; padding: 5px; } 
.divChamps {text-align: left; color: #f2f2f2; background: #141414; margin: 1px; border-color: #7CA2FA; border-bottom: 1px solid #333333; padding: 1px; overflow: auto; align-content: center; } 
.divItemListe {text-align: left; color: #f1f514; width: 100%; max-width: 100%; height: 100%; max-height: 100%; background: #000000; margin-bottom: 0px; margin-top: 0px; border: 1px solid #f2fb79; padding: 5px; fill: #f1f514; overflow: auto; align-content: center; justify-items: center; column-gap: 1px; } 
.titresInfos {background: var(--coul-informations-fond); margin: 5px auto auto; border-radius: 5px; border-color: #333333; border-width: 0px; display: inline-flex; padding: 8px 8px 8px 0px; visibility: visible; white-space: normal; justify-content: center; grid-column: 1 / span 2; } 
.tableInfos {text-align: center; color: var(--coul-informations-texte); width: 100%; vertical-align: top; margin: auto; border-bottom: 1px solid #333333; border-top: 0; border-left: 0; border-right: 0; display: block; visibility: visible; grid-column: 1 / span 2; } 
.msgInfos {text-align: center; color: var(--coul-informations-texte); width: 100%; background: var(--coul-informations-fond); vertical-align: middle; margin-bottom: auto; margin-right: auto; margin-left: auto; display: block; padding: 3px; visibility: visible; white-space: break-spaces; grid-column: 1 / span 2; } 
.libInfosCell {width: 400px; background: var(--coul-informations-fond); margin: 5px auto auto; border-radius: 5px; border: 1px solid #333333; border-bottom: 1px solid #333333; border-top: 1px solid #333333; border-left: 1px solid #333333; border-right: 1px solid #333333; display: flex; padding: 8px 8px 8px 0px; white-space: normal; flex-direction: row; align-content: center; justify-content: center; align-items: center; flex-wrap: wrap; } 
.libInfos {color: var(--coul-informations-texte); background: var(--coul-informations-fond); margin: 0px; border-color: var(--coul-global-texte); padding: 8px; visibility: visible; white-space: normal; } 
.champsInfosCell {margin: 0px; display: inline; padding: 0px; clear: left; visibility: visible; } 
.champsInfos {color: var(--coul-informations-texte); margin: 0px; border-color: var(--coul-global-texte); display: inline; padding: 3px; position: relative; visibility: visible; } 
.lignesInfos {color: var(--coul-informations-texte); width: 0%; height: 1px; background: var(--coul-informations-fond); margin: 2px 0px 0px; visibility: visible; } 
.infCarte {border: 0px none currentColor; } 
.infContactValider {margin: 15px; } 
.pub-table {text-align: center; color: var(--coul-publicite-texte); max-width: 30%; height: 100%; background: transparent; vertical-align: middle; margin: auto; border-radius: 3px; border: 1px solid #808080; display: inline-block; padding: 0px; visibility: visible; z-index: 0; align-content: center; grid-column: 1 / span 3; } 
.pub-image {text-align: center; color: var(--coul-publicite-texte); max-width: 100%; background: transparent; vertical-align: middle; margin: auto; border-radius: 3px; border: 1px none var(--coul-publicite-texte); border-bottom: 0; border-top: 0; border-left: 0; border-right: 0; display: inline-block; padding: 0px; visibility: visible; z-index: 0; grid-column: 1 / span 3; } 
.pub-titre {text-align: center; color: var(--coul-publicite-texte); font-weight: bold; height: auto; background: var(--coul-publicite-fond); margin: 0px; border-radius: 7px; border: 1px solid var(--coul-global-texte); fill: var(--coul-publicite-texte); list-style-type: circle; visibility: visible; white-space: nowrap; grid-column: 1 / span 3; } 
.debug {color: var(--coul-global-texte); background: var(--coul-global-fond); margin: 0px; border-radius: 3px; border: 1px solid var(--coul-global-texte); display: block; padding: 2px; resize: both; overflow: auto; list-style-type: none; visibility: visible; white-space: nowrap; } 
#btnAdmin {text-align: center; color: #FFFFFF; background: #0000FF; margin: auto; border-radius: 15px; border: 1px none #A52A2A; display: inline-block; padding: 7px; white-space: nowrap; cursor: pointer; } 
#btnAdminText {text-decoration: none; color: #FFFFFF; margin: 0px; display: inline; padding-right: 2px; padding-left: 2px; resize: both; list-style-type: none; visibility: visible; white-space: nowrap; cursor: pointer; } 
#btnAdminIco {color: #0000FF; resize: both; list-style-type: none; visibility: visible; white-space: nowrap; cursor: pointer; } 
.newsDesabCadre {text-align: center; margin: 4px auto; } 
.newsDesabCases {text-align: center; padding: 12px; } 
.mcListe {text-align: left; width: 100%; max-width: 900px; margin-right: auto; margin-left: auto; display: flex; padding-bottom: 6px; padding-top: 6px; flex-direction: column; gap: 12px; grid-column: 1 / -1; } 
.mcCarte {text-align: left; width: 100%; background: #141414; border-radius: 14px; border: 1px solid #333333; box-shadow: 0 2px 10px rgba(0,0,0,.6); overflow: hidden; } 
.mcEntete {text-align: left; width: 100%; background: transparent; border-style: none; display: flex; padding: 14px 18px; transition: background-color .2s; cursor: pointer; align-items: center; flex-wrap: wrap; gap: 8px 18px; } 
.mcEntete:hover {background: #1c1c1c; } 
.mcNum {font-size: 1rem; color: #ecee72; font-weight: 700; } 
.mcDate {font-size: .9rem; color: #a3a3a3; } 
.mcTotal {font-size: 1.05rem; color: #ecee72; font-weight: 700; margin-left: auto; white-space: nowrap; } 
.mcChevron {color: #ecee72; transition: transform .2s; } 
.mcOuverte .mcChevron {transform: rotate(180deg); } 
.mcBadge {font-size: .8rem; color: #f7e155; font-weight: 600; background: #2b2a12; border-radius: 999px; display: inline-flex; padding: 4px 10px; white-space: nowrap; } 
.mcEtat-At, .mcEtat-Pn {color: #c2410c; background: #fff7ed; } 
.mcEtat-Py, .mcEtat-EP {color: #1d4ed8; background: #eff6ff; } 
.mcEtat-En {color: #f7e155; background: #2b2a12; } 
.mcEtat-Re {color: #047857; background: #ecfdf5; } 
.mcEtat-Pe, .mcEtat-An {color: #b91c1c; background: #fef2f2; } 
.mcEtat-Rb, .mcEtat-RT {color: #d4d4d4; background: #1c1c1c; } 
.mcDetail {text-align: left; border-top: 1px solid #333333; display: none; padding: 4px 18px 16px; } 
.mcOuverte .mcDetail {display: block; } 
.mcLigne {text-align: left; border-bottom: 1px solid #333333; display: grid; padding-bottom: 10px; padding-top: 10px; align-items: center; grid-template-columns: minmax(0,1fr) auto auto; gap: 16px; } 
.mcPrd {text-align: left; color: #f2f2f2; font-weight: 600; white-space: normal; } 
.mcPrd a {text-decoration: none; color: #f2f2f2; } 
.mcPrd a:hover {text-decoration: underline; color: #ecee72; } 
.mcPrixHt {font-size: .82rem; color: #a3a3a3; font-weight: 400; display: block; } 
.mcQte {color: #a3a3a3; white-space: nowrap; } 
.mcMontant {text-align: right; color: #f2f2f2; font-weight: 600; min-width: 90px; white-space: nowrap; } 
.mcOption {text-align: left; font-size: .85rem; color: #a3a3a3; display: grid; padding-bottom: 6px; padding-top: 2px; padding-left: 18px; grid-template-columns: minmax(0,1fr) auto auto; gap: 16px; } 
.mcOption .fad {color: #10b981; } 
.mcRecap {font-size: .9rem; color: #d4d4d4; display: flex; padding-top: 12px; justify-content: flex-end; flex-wrap: wrap; gap: 6px 22px; } 
.mcRecapTotal {font-size: 1rem; color: #ecee72; font-weight: 700; } 
.mcPied {text-align: left; display: flex; padding-top: 14px; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; } 
.mcFacture {text-decoration: none; color: #f7e155; font-weight: 600; background: #2b2a12; border-radius: 10px; display: inline-flex; padding: 8px 14px; transition: background-color .2s; align-items: center; gap: 8px; } 
.mcFacture:hover {background: #2b2a12; } 
.mcComment {text-align: left; font-style: italic; font-size: .9rem; color: #d4d4d4; white-space: normal; } 
.mcVide {text-align: center; color: #a3a3a3; width: 100%; display: flex; padding-bottom: 40px; padding-top: 40px; justify-content: center; } 
.qsnGrille {text-align: left; width: 100%; max-width: 1000px; margin: 20px auto; display: grid; align-items: stretch; grid-template-columns: repeat(auto-fit,minmax(300px,1fr)); gap: 24px; } 
.qsnFiche {text-align: left; background: #141414; border-radius: 14px; border: 1px solid #333333; padding: 20px 22px 14px; box-shadow: 0 2px 10px rgba(0,0,0,.6); } 
.qsnNom {text-align: left; font-size: 1.25rem; color: #ecee72; font-weight: 700; margin-bottom: 4px; border-bottom: 2px solid #2b2a12; display: flex; padding-bottom: 12px; align-items: center; gap: 12px; } 
.qsnLigne {text-align: left; border-bottom: 1px solid #333333; display: flex; padding-bottom: 10px; padding-top: 10px; white-space: normal; align-items: center; gap: 12px; } 
.qsnIco {text-align: center; font-size: .95rem; color: #ecee72; width: 34px; min-width: 34px; height: 34px; background: #2b2a12; border-radius: 10px; display: inline-flex; justify-content: center; align-items: center; } 
.qsnNom .qsnIco {color: #000000; background: linear-gradient(135deg,#ecee72,#f59e0b); } 
.qsnLigne .libInfos, .qsnNom .libInfos {text-align: left; font-size: .9rem; color: #a3a3a3; min-width: 165px; background: transparent; padding: 0px; } 
.qsnLigne .champsInfos, .qsnNom .champsInfos {text-align: left; color: #f2f2f2; font-weight: 600; padding: 0px; } 
.qsnNom .champsInfos {color: #ecee72; font-weight: 700; } 
.qsnCarte {min-height: 340px; background: #1c1c1c; border-radius: 14px; border: 1px solid #333333; box-shadow: 0 2px 10px rgba(0,0,0,.6); overflow: hidden; } 
.qsnCarte iframe {width: 100%; height: 100%; min-height: 340px; border-style: none; display: block; } 
.qsnIntro img {max-width: 100%; border-radius: 14px; } 
.ctForm {text-align: left; width: 100%; max-width: 680px; background: #141414; margin: 18px auto 24px; border-radius: 14px; border: 1px solid #333333; display: grid; padding: 24px 24px 22px; box-shadow: 0 2px 10px rgba(0,0,0,.6); grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); gap: 16px 18px; } 
.ctChamp {text-align: left; min-width: 0px; display: flex; flex-direction: column; gap: 6px; } 
.ctLarge {grid-column: 1 / -1; } 
.ctChamp .libInfos {text-align: left; font-size: .9rem; color: #d4d4d4; font-weight: 600; background: transparent; padding: 0px; } 
.ctForm .ctInput {text-align: left; font-size: .95rem; color: #f2f2f2; width: 100%; background: #1c1c1c; border-radius: 10px; border: 1px solid #333333; display: block; padding: 11px 14px; transition: border-color .2s, box-shadow .2s; } 
.ctForm .ctInput:focus {background: #141414; border-color: #ecee72; box-shadow: 0 0 0 3px rgba(236,238,114,.3); } 
.ctForm textarea.ctInput {font-family: inherit; min-height: 160px; line-height: 1.5; resize: vertical; } 
.ctActions {display: flex; justify-content: center; grid-column: 1 / -1; } 
.ctIntro {text-align: center; color: #d4d4d4; max-width: 680px; margin-right: auto; margin-left: auto; display: block; line-height: 1.6; } 
.cdvTexte {text-align: left; color: #d4d4d4; width: 100%; max-width: 820px; background: #141414; margin: 14px auto 24px; border-radius: 14px; border: 1px solid #333333; display: block; padding: 26px 34px 28px; line-height: 1.7; box-shadow: 0 2px 10px rgba(0,0,0,.6); white-space: normal; } 
.cdvTexte [id] {font-size: 1rem !important; color: #d4d4d4 !important; background: transparent !important; } 
.cdvTexte b {font-size: 1.08rem; color: #ecee72; font-weight: 700; margin-bottom: 6px; margin-top: 22px; border-left: 4px solid #ecee72; display: block; padding-left: 12px; line-height: 1.4; } 
.cdvTexte a {text-decoration: underline; color: #ecee72; } 
.champsCli:focus {background: #141414; border-color: #ecee72; box-shadow: 0 0 0 3px rgba(236,238,114,.3); } 
.champsCli[type="checkbox"] {width: auto; display: inline-block; } 
#ongletBarre li#ongActv, #ongletBarre li#ongActv:hover, #ongletBarre #txtActv {text-decoration: none; color: #000000; background: #ecee72; } 
#ongletBarre a span {text-decoration: none; } 
.listeDeroulanteCli:focus {background: #141414; border-color: #ecee72; box-shadow: 0 0 0 3px rgba(236,238,114,.3); } 
#tablePages:has(> #blocSynthese) {display: grid; align-items: start; grid-template-columns: minmax(0,1fr) 320px; gap: 0 20px; } 
.champEtapesTodo.etapeCourante {color: #000000; background: #ecee72; box-shadow: 0 2px 8px rgba(236,238,114,.3); } 
.champEtapesTodo .icones, .champEtapesDone .icones {color: inherit; } 
.champEtapesDone:hover {background: #d1fae5; } 
.blocItemPanier:hover {background: #141414; border-color: #ecee72; } 
.blocItemPanier:has(input:checked) {background: #2b2a12; border-color: #ecee72; box-shadow: 0 0 0 3px rgba(236,238,114,.3); } 
.blocItemPanier input[type="radio"] {width: 18px; height: 18px; vertical-align: middle; margin-right: 10px; } 
#blocSynthese .panierTitre {margin-bottom: 6px; border-bottom: 2px solid #2b2a12; padding-bottom: 10px; } 
#blocSynthese .itemPanier:last-child {font-size: 1.05rem; color: #ecee72; font-weight: 700; border-bottom: 0; } 
.recapCommentaire:focus {background: #141414; border-color: #ecee72; box-shadow: 0 0 0 3px rgba(236,238,114,.3); } 
.tablePanier > .boutons {margin-right: auto; margin-left: auto; position: sticky; bottom: 12px; box-shadow: 0 4px 14px rgba(17,24,39,.25); z-index: 6; } 
.mrTitre {text-align: center; font-size: 1.05rem; color: #ecee72; font-weight: 700; display: flex; padding-bottom: 4px; padding-top: 6px; justify-content: center; grid-column: 1 / -1; } 
.mrListe {text-align: left; width: 100%; display: grid; grid-template-columns: repeat(auto-fill,minmax(300px,1fr)); gap: 14px; grid-column: 1 / -1; } 
.mrCarte {text-align: left; background: #141414; border-radius: 14px; border: 1px solid #333333; display: flex; padding: 14px; transition: border-color .2s, box-shadow .2s; box-shadow: 0 2px 10px rgba(0,0,0,.6); cursor: pointer; align-items: flex-start; gap: 14px; } 
.mrCarte:hover {border-color: #ecee72; } 
.mrCarte:has(input:checked) {background: #1c1c1c; border-color: #ecee72; box-shadow: 0 0 0 3px rgba(236,238,114,.3); } 
.mrPhoto {width: 104px; min-width: 104px; height: 104px; background: #1c1c1c; border-radius: 12px; overflow: hidden; } 
.mrCarte img.mrPhoto {display: block; } 
.mrPhotoVide {font-size: 2rem; color: #ecee72; display: flex; justify-content: center; align-items: center; } 
.mrInfos {text-align: left; min-width: 0px; display: flex; white-space: normal; flex-direction: column; gap: 6px; } 
.mrNom {font-size: 1rem; color: #ecee72; font-weight: 700; text-transform: capitalize; } 
.mrDistance {font-size: .8rem; color: #f7e155; font-weight: 600; background: #2b2a12; margin-right: auto; border-radius: 999px; display: inline-flex; padding: 3px 9px; align-items: center; gap: 5px; } 
.mrAdresse {font-size: .88rem; color: #d4d4d4; line-height: 1.45; } 
.mrLocalisation {font-style: italic; color: #a3a3a3; } 
.mrHoraires {font-size: .85rem; color: #d4d4d4; } 
.mrHoraires summary {color: #ecee72; font-weight: 600; cursor: pointer; } 
.mrGrilleHoraires {text-align: left; color: #d4d4d4; display: grid; padding-top: 6px; grid-template-columns: auto 1fr; gap: 2px 10px; } 
.mrSansHoraires {font-size: .82rem; color: #a3a3a3; } 
.mrChoix {color: #f2f2f2; font-weight: 600; margin-top: 4px; display: inline-flex; white-space: normal; align-items: center; gap: 8px; } 
.mrChoix input {width: 18px; height: 18px; } 
.mrGrilleHoraires span {white-space: nowrap; } 
#catalogueImgDiapo.fpGalerie {text-align: center; width: 100%; display: flex; flex-direction: column; align-items: center; gap: 12px; } 
.fpImageCadre {text-align: center; width: 100%; min-height: 320px; background: #1c1c1c; border-radius: 14px; display: flex; position: relative; overflow: hidden; cursor: zoom-in; justify-content: center; align-items: center; } 
.fpImageCadre img.fpImage {max-width: 100%; max-height: 440px; margin-right: auto; margin-left: auto; display: block; padding: 0px; transition: transform .3s; } 
.fpImageCadre:hover img.fpImage {transform: scale(1.03); } 
.fpZoom {color: #ecee72; width: 36px; height: 36px; background: #141414; border-radius: 999px; display: flex; position: absolute; bottom: 12px; right: 12px; box-shadow: 0 2px 8px rgba(0,0,0,.6); justify-content: center; align-items: center; } 
.fpVignettes {display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; } 
.fpVignette {width: 72px; height: 72px; background: #141414; border-radius: 10px; border: 2px solid #333333; transition: border-color .2s; cursor: pointer; } 
.fpVignette:hover {border-color: #ecee72; } 
.fpVignette.fpActive {border-color: #ecee72; } 
.catPrdBloc:has(> #catalogueImgDiapo.fpGalerie) {text-align: left; width: 100%; max-width: 1040px; background: #141414; margin-right: auto; margin-left: auto; border-radius: 14px; border: 1px solid #333333; display: grid; padding: 28px; box-shadow: 0 2px 10px rgba(0,0,0,.6); align-items: start; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 8px 36px; } 
.catPrdBloc > #catalogueImgDiapo.fpGalerie {grid-column: 1; grid-row: 1 / span 5; } 
.catPrdBloc:has(> #catalogueImgDiapo.fpGalerie) > .titresPrd {text-align: left; font-size: 1.7rem; color: #ecee72; font-weight: 700; background: transparent; margin-top: 4px; border-style: none; padding: 0px 0px 4px; line-height: 1.25; white-space: normal; grid-column: 2; grid-row: 1; } 
.fpPrix {text-align: left; font-size: 1.15rem; border-bottom: 1px solid #333333; display: flex; padding-bottom: 14px; padding-top: 6px; align-items: baseline; flex-wrap: wrap; gap: 6px; grid-column: 2; grid-row: 2; } 
.fpPrix .prixRemise {font-size: 1.6rem; font-weight: 800; } 
.catPrdBloc:has(> #catalogueImgDiapo.fpGalerie) > .zoneAcheter {text-align: left; width: auto; margin-right: 0px; margin-left: 0px; display: flex; padding-bottom: 8px; padding-top: 8px; justify-content: flex-start; align-items: center; gap: 12px; grid-column: 2; grid-row: 3; } 
.zoneAcheter .listeDeroulanteCat {font-size: .95rem; min-width: 64px; background: #1c1c1c; border-radius: 10px; border: 1px solid #333333; padding: 9px 10px; } 
.catPrdBloc > .descProduits.fpDesc {text-align: left; font-style: normal; font-size: .95rem; color: #d4d4d4; font-weight: 400; background: transparent; margin: 0px; padding-top: 6px; padding-right: 0px; padding-left: 0px; line-height: 1.6; white-space: normal; grid-column: 2; grid-row: 4; } 
.catPrdBloc:has(> #catalogueImgDiapo.fpGalerie) > .catPrdItem {margin-top: 18px; grid-column: 1 / -1; } 
.catPrdBloc:has(> #catalogueImgDiapo.fpGalerie) > .libCatalogueCell {text-align: right; font-size: .9rem; color: #a3a3a3; background: transparent; margin-bottom: 0px; margin-top: 0px; border-bottom: 1px solid #333333; padding-bottom: 10px; padding-top: 10px; } 
.catPrdBloc:has(> #catalogueImgDiapo.fpGalerie) > .champsCatalogueCell {text-align: left; background: transparent; margin-bottom: 0px; margin-top: 0px; border-bottom: 1px solid #333333; padding-bottom: 6px; padding-top: 6px; } 
.catPrdBloc:has(> #catalogueImgDiapo.fpGalerie) .champsCatalogue, .catPrdBloc:has(> #catalogueImgDiapo.fpGalerie) .libCatalogue {font-style: normal; color: #f2f2f2; font-weight: 600; width: auto; background: transparent; border-style: none; padding: 0px; } 
.catPrdBloc:has(> #catalogueImgDiapo.fpGalerie) .libCatalogue {color: #a3a3a3; font-weight: 500; } 
.gondole-container:has(> .tableCatalogue) {width: 100%; max-width: 100%; background: transparent; margin: 10px 0px 14px; display: grid; align-items: stretch; grid-template-columns: repeat(auto-fill,minmax(240px,1fr)); gap: 18px; } 
.gondole-container > .tableCatalogue {text-align: left; width: auto; max-width: 100%; height: auto; min-height: 0px; background: #141414; margin: 0px; border-radius: 14px; border: 1px solid #333333; display: flex; padding: 12px 12px 14px; transition: transform .2s, box-shadow .2s; box-shadow: 0 2px 10px rgba(0,0,0,.6); overflow: hidden; flex-direction: column; gap: 8px; } 
.gondole-container > .tableCatalogue:hover {border-color: #ecee72; transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,.6); } 
.gondole-container > .tableCatalogue > div.catalogueImgPrd {text-align: center; width: 100%; max-width: 100%; height: 210px; background: #1c1c1c; margin: 0px 0px 4px; border-radius: 10px; display: flex; padding: 8px; overflow: hidden; justify-content: center; align-items: center; } 
.gondole-container > .tableCatalogue img.catalogueImgPrd {width: auto; max-width: 100%; max-height: 100%; padding: 0px; transition: transform .3s; cursor: pointer; } 
.gondole-container > .tableCatalogue:hover img.catalogueImgPrd {transform: scale(1.04); } 
.gondole-container > .tableCatalogue > .titresPrd {text-align: left; font-size: 1rem; color: #ecee72; font-weight: 700; background: transparent; margin: 0px; padding: 0px 2px; line-height: 1.3; white-space: normal; } 
.gondole-container > .tableCatalogue > .catDescCourte {text-align: left; width: 100%; margin-bottom: 0px; margin-top: 0px; padding-right: 2px; padding-left: 2px; } 
.gondole-container .catDescCourte .descProduits {text-align: left; font-style: normal; font-size: .85rem; color: #a3a3a3; font-weight: 400; max-height: 2.7em; background: transparent; margin: 0px; padding: 0px; line-height: 1.35; overflow: hidden; white-space: normal; } 
.gondole-container .gdPrix {text-align: left; font-size: .95rem; margin-top: auto; display: flex; padding-right: 2px; padding-left: 2px; align-items: baseline; flex-wrap: wrap; gap: 4px; } 
.gondole-container .gdPrix .prixRemise {font-size: 1.2rem; font-weight: 800; } 
.gondole-container > .tableCatalogue > .zoneAcheter {text-align: left; font-size: 0px; width: 100%; background: transparent; margin: 0px; display: flex; padding: 4px 0px 0px; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; } 
.gondole-container > .tableCatalogue > .msgCatalogue {text-align: center; font-size: .85rem; color: #ecee72; margin: 2px 0px 0px; border-top: 1px solid #333333; padding-top: 8px; } 
#promos-container .itemBarrePromo {font-size: .9rem; color: #f7e155; font-weight: 600; background: #2b2a12; margin: 4px; border-radius: 999px; padding: 8px 16px; transition: background-color .2s; box-shadow: none; } 
#promos-container .itemBarrePromo:hover {color: #000000; background: #ecee72; } 
#promos-container .itemBarrePromo a, #promos-container .itemBarrePromo .txtBarrePromo, #promos-container .itemBarrePromo .iconeBarrePromo {color: inherit; } 
.gondole-container > .tableCatalogue > .zoneAcheter .msgCde {font-size: .9rem; } 
#recapContainer .blocItemPanier {text-align: left; color: #d4d4d4; font-weight: 400; width: 48%; min-width: 220px; max-width: 100%; height: auto; min-height: 0px; margin-right: 0px; margin-left: 0px; line-height: 1.5; } 
#recapContainer .blocItemPanier > .msgPanier {text-align: left; font-size: .75rem; color: #a3a3a3; font-weight: 700; background: transparent; margin-bottom: 6px; display: block; padding: 0px; text-transform: uppercase; } 
#recapContainer .recapBloc {width: 100%; display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; } 
#pageConnexion .libConnCell {text-align: left; margin: 8px 0px 0px; padding: 0px; line-height: 1.3; } 
#pageConnexion .libConn {text-align: left; font-size: .9rem; color: #d4d4d4; font-weight: 600; padding: 0px; text-transform: none; } 
#pageConnexion .champsConnCell {text-align: left; font-size: 0px; width: 100%; margin: 0px; display: flex; padding: 0px; position: relative; align-items: center; gap: 0px; } 
#pageConnexion .champsConn {text-align: left; font-size: .95rem; color: #f2f2f2; width: 100%; background: #1c1c1c; margin: 0px; border-radius: 10px; border: 1px solid #333333; display: block; padding: 11px 40px 11px 14px; transition: border-color .2s, box-shadow .2s; } 
#pageConnexion .champsConn:focus {background: #141414; border-color: #ecee72; box-shadow: 0 0 0 3px rgba(236,238,114,.3); } 
#pageConnexion .mdpIco {font-size: 1.05rem; color: #a3a3a3; margin: 0px; padding-right: 0px; position: absolute; right: 12px; } 
#pageConnexion .connBoutons {text-align: center; width: 100%; margin-top: 14px; border-top: 1px solid #333333; display: flex; padding: 16px 0px 0px; justify-content: center; flex-wrap: wrap; gap: 10px; } 
.mmIntro {text-align: center; color: #d4d4d4; max-width: 760px; background: transparent; margin-right: auto; margin-left: auto; display: block; line-height: 1.6; white-space: normal; } 
.mmListe {text-align: left; width: 100%; max-width: 780px; margin: 10px auto 20px; display: grid; grid-template-columns: repeat(auto-fill,minmax(230px,1fr)); gap: 12px; } 
.mmCarte {text-align: left; background: #141414; border-radius: 12px; border: 1px solid #333333; display: flex; padding: 14px 16px; box-shadow: 0 2px 8px rgba(0,0,0,.6); align-items: center; flex-wrap: wrap; gap: 12px 14px; } 
.mmIco {text-align: center; font-size: 1.3rem; color: #ecee72; width: 46px; min-width: 46px; height: 46px; background: #2b2a12; border-radius: 12px; display: inline-flex; overflow: hidden; justify-content: center; align-items: center; } 
.mmIco img {max-width: 32px; max-height: 32px; } 
.mmLib {font-size: .98rem; color: #f2f2f2; font-weight: 600; white-space: normal; } 
.mmCartes {width: 100%; display: flex; padding-left: 60px; flex-wrap: wrap; gap: 6px; } 
.mmCartes img {height: 26px; background: #141414; border-radius: 4px; border: 1px solid #333333; padding: 2px 4px; } 
.accM4Conteneur.rayGrille {text-align: center; font-style: normal; width: 100%; max-width: 960px; min-height: 0px; background: transparent; margin: 14px auto 24px; display: grid; justify-content: center; align-items: stretch; grid-template-columns: repeat(auto-fit,minmax(200px,240px)); gap: 18px; } 
.rayCarte {text-decoration: none; text-align: center; width: 100%; background: #141414; border-radius: 14px; border: 1px solid #333333; display: flex; transition: transform .2s, box-shadow .2s; box-shadow: 0 2px 10px rgba(0,0,0,.6); overflow: hidden; flex-direction: column; } 
.rayCarte:hover {border-color: #ecee72; transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,.6); } 
.rayImageCadre {height: 170px; background: #1c1c1c; display: flex; overflow: hidden; justify-content: center; align-items: center; } 
.rayCarte img.rayImage {width: 100%; max-width: 100%; height: 100%; background: transparent; margin: 0px; border-radius: 0px; border-style: none; padding: 0px; transition: transform .3s; } 
.rayCarte:hover img.rayImage {transform: scale(1.05); } 
.rayCarte .rayTitre {text-align: center; font-family: inherit; font-style: normal; font-size: 1rem; color: #ecee72; font-weight: 700; background: transparent; margin: 0px; border-style: none; display: block; padding: 12px 10px 14px; } 
.actifBtnPromo .txtBarrePromo, .actifBtnPromo .iconeBarrePromo, .actifBtnPromo a {color: inherit; } 
.tableCatalogue.rechForm {text-align: left; max-width: 620px; height: auto; min-height: 0px; background: #141414; margin: 6px auto 16px; border-radius: 14px; border: 1px solid #333333; display: grid; padding: 20px 24px; box-shadow: 0 2px 10px rgba(0,0,0,.6); align-items: center; grid-template-columns: 170px minmax(0,1fr); gap: 10px 16px; } 
.tableCatalogue.rechForm > .msgCatalogue {text-align: center; font-size: 1.05rem; color: #ecee72; font-weight: 700; margin-bottom: 4px; display: block; grid-column: 1 / -1; } 
.tableCatalogue.rechForm > .libCatalogueCell {text-align: right; background: transparent; margin-bottom: 0px; margin-top: 0px; border-bottom: 0; padding-bottom: 0px; padding-top: 0px; grid-column: 1; } 
.tableCatalogue.rechForm .libCatalogue {font-style: normal; font-size: .9rem; color: #d4d4d4; font-weight: 600; background: transparent; } 
.tableCatalogue.rechForm > .champsCatalogueCell {text-align: left; width: 100%; background: transparent; margin-bottom: 0px; margin-top: 0px; border-bottom: 0; padding-bottom: 0px; padding-top: 0px; grid-column: 2; } 
.tableCatalogue.rechForm .champsCatalogue, .tableCatalogue.rechForm .listeDeroulanteCat {text-align: left; font-style: normal; font-size: .95rem; color: #f2f2f2; font-weight: 400; width: 100%; background: #1c1c1c; border-radius: 10px; border: 1px solid #333333; display: block; padding: 10px 12px; transition: border-color .2s, box-shadow .2s; } 
.tableCatalogue.rechForm .champsCatalogue:focus, .tableCatalogue.rechForm .listeDeroulanteCat:focus {background: #141414; border-color: #ecee72; box-shadow: 0 0 0 3px rgba(236,238,114,.3); } 
#familles-container > .familles-boite {text-align: left; background: transparent; margin: 0px; border-radius: 10px; border-style: none; border-bottom: 0; border-top: 0; border-left: 0; border-right: 0; display: flex; padding: 6px 8px 6px 10px; transition: background-color .2s; cursor: pointer; flex-direction: row; justify-content: space-between; align-items: center; gap: 12px; } 
#familles-container > .familles-boite:hover {background: #1c1c1c; } 
#familles-container .familles-libelle {text-align: left; font-size: .95rem; color: #f2f2f2; font-weight: 600; width: auto; height: auto; background: transparent; margin: 0px; display: block; padding: 0px; line-height: 1.3; white-space: normal; flex-basis: auto; } 
#familles-container > .familles-boite:hover .familles-libelle {color: #ecee72; } 
#familles-container .familles-img {width: 44px; min-width: 44px; height: 44px; background: #1c1c1c; margin: 0px; border-radius: 10px; border: 1px solid #333333; display: block; padding: 0px; } 
.pdpItem:hover {background: rgba(255,255,255,.14); } 
.pdpItem a, .whatsapp-barre a, a.propuls {text-decoration: none; color: inherit; } 
.propuls a:hover, a.propuls:hover {text-decoration: underline; color: #ffffff; } 
.accM4Conteneur.rayGrille.rayBlocs {max-width: 980px; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); } 
.rayBlocs .rayImageCadre {height: 230px; } 
.rayBlocs .rayTitre {font-size: 1.15rem; padding-bottom: 16px; padding-top: 14px; } 
.familles-boite:hover ul, .familles-boite:hover #categories-container {color: var(--coul-global-texte); width: 100%; max-width: 100%; margin: auto; border-width: 0px; display: table; position: absolute; left: 110px; fill: var(--coul-global-texte); top: 0px; opacity: 1; visibility: visible; white-space: nowrap; z-index: 5; flex-direction: column; } 
#categories-container {text-align: center; height: auto; margin: 1px; display: none; padding: 6px; position: absolute; left: 50px; text-transform: lowercase; top: -7px; overflow: visible; list-style-type: none; white-space: nowrap; z-index: 5; } 
#mdpMess {text-align: center; font-style: italic; color: var(--coul-clients-texte); height: auto; vertical-align: middle; margin: auto; fill: var(--coul-clients-texte); white-space: break-spaces; grid-column: 1 / span 2; } 
.libEtapesCell {color: var(--coul-commandes-texte); display: block; fill: var(--coul-commandes-texte); visibility: visible; } 
.libEtapes {color: var(--coul-global-texte); display: inline; fill: var(--coul-global-texte); visibility: visible; } 
.lignesEtapes {color: var(--coul-global-texte); width: 0%; height: 1%; margin: 2px 0px 0px; fill: var(--coul-global-texte); visibility: visible; } 
.pub-image
 {text-align: center; color: var(--coul-publicite-texte); max-width: 100%; max-height: 200px; background: var(--coul-publicite-fond); vertical-align: middle; margin: auto; border-radius: 3px; border: 1px none var(--coul-publicite-texte); border-bottom: 0; border-top: 0; border-left: 0; border-right: 0; padding: 0px; fill: var(--coul-publicite-texte); visibility: visible; z-index: 0; grid-column: 1 / span 3; } 
.webmasterDesign {background: #F0FFFF; border-radius: 12px; border: 0.1px dashed #A52A2A; overflow: auto; list-style-type: circle; visibility: visible; white-space: nowrap; z-index: 0; } 
.gondole-container > .tableCatalogue > .zoneAcheter .boutons {font-size: 13px; margin: 0px; padding-right: 6px; padding-left: 6px; } 
.gondole-container > .tableCatalogue > .zoneAcheter .listeDeroulanteCat {font-size: .9rem; min-width: 52px; padding-right: 4px; padding-left: 4px; } 
#modaleSite#modaleSite {width: 100%; background: rgba(0,0,0,.65); border-radius: 0px; padding: 0px; resize: none; } 
#modaleSite #popupSite {color: #f2f2f2; width: 94%; max-width: 720px; height: auto; max-height: 92vh; background: #141414; border-radius: 18px; border: 1px solid #333333; padding: 0px; resize: none; box-shadow: 0 20px 60px rgba(0,0,0,.8); overflow: auto; } 
#modaleSite #zonePageModales {padding: 20px; } 
#modaleSite .assistTitreZone {width: 100%; display: block; } 
#modaleSite #optionTitre {height: 0px; margin-bottom: 0px; margin-top: 0px; padding-bottom: 0px; padding-top: 0px; } 
#modaleSite #btnCloseSiteModale {color: #f2f2f2; background: #2a2a2a; border-radius: 50%; top: 14px; right: 14px; } 
#modaleSite .descMenu {width: 100%; background: #1c1c1c; margin-bottom: 16px; border-radius: 14px; border: 1px solid #333333; padding: 14px 56px 14px 20px; } 
#modaleSite .libellesForm {text-align: left; font-size: .9rem; color: #a3a3a3; background: transparent; padding-bottom: 6px; padding-top: 0px; } 
#modaleSite .assistAideZone {width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 16px; } 
#modaleSite .assistAideTitre {text-align: left; width: auto; } 
#modaleSite .assistPrdNom {font-size: 1.6rem; color: #ecee72; font-weight: 700; } 
#modaleSite .assistPrdImgCadre {width: 110px; min-width: 110px; } 
#modaleSite img.assistPrdImg {width: 110px; height: 110px; border-radius: 50%; } 
#modaleSite #optionForm {width: 100%; background: transparent; border-style: none; display: flex; padding: 0px; flex-direction: column; align-items: stretch; gap: 10px; } 
#modaleSite .assistListeForm {width: 100%; margin-bottom: 4px; } 
#modaleSite .blocItemOption {width: 100%; max-width: 100%; background: #1c1c1c; margin: 0px; border-radius: 12px; border: 1px solid #333333; display: flex; padding: 10px 16px; transition: border-color .2s, background .2s; cursor: pointer; flex-direction: row; justify-content: space-between; align-items: center; gap: 12px; } 
#modaleSite .blocItemOption:hover {border-color: #ecee72; } 
#modaleSite .blocItemOption:has(input:checked) {background: #2b2a12; border-color: #ecee72; } 
#modaleSite .assistChoix {text-align: left; width: auto; display: flex; align-items: center; gap: 10px; } 
#modaleSite .divChamps {text-align: right; color: #ecee72; font-weight: 700; width: auto; background: transparent; padding-bottom: 0px; padding-top: 0px; } 
#modaleSite #zoneValidateModales {width: 100%; margin-top: 16px; border-top: 1px solid #333333; display: flex; padding-top: 16px; flex-direction: row; justify-content: space-between; align-items: center; } 
#modaleSite .assistSomme {font-size: 1.05rem; color: #ecee72; font-weight: 700; width: auto; background: transparent; padding: 0px; } 
#modaleSite .blocItemOption > .divChamps:not(:has(*)) {display: none; } 
#modaleSite .blocItemOption > .assistChoix + .divChamps {margin-left: auto; } 
#modaleSite .assistListeLib {font-size: 1.35rem; font-weight: 700; } 
.titresCli .titresCli, .titresInfos .titresInfos {text-decoration: none; text-align: center; border-width: 0px; border-bottom: 0; } 
.msgCliOblig {text-align: center; font-style: italic; color: red; } 
@keyframes theUn { 0%  { transform:translate(28px);opacity:0.2;fill-opacity:0.2;} 10% { opacity:0.3; fill-opacity:0.3;} 20% { fill-opacity:0.4;} 30% { fill-opacity:0.5;} 40% { fill-opacity:0.6;} 50% { fill-opacity:0.7;} 70% { fill-opacity:0.8;} 80% { fill-opacity:0.9;} 90% { fill-opacity:0.9;} 100% { transform:translate(0px);opacity:1;fill-opacity:1;} }
@keyframes theTwo { 0%  { transform:translate(40px);opacity:0.1;fill-opacity:0.1;} 10%  { transform:translate(40px);opacity:0.2; fill-opacity:0.2;} 20% { transform:translate(40px);fill-opacity:0.3;opacity:0.3;} 30% { transform:translate(40px);fill-opacity:0.4;opacity:0.4;} 40% { fill-opacity:0.5;opacity:0.5;} 50% { fill-opacity:0.6;opacity:0.6;} 70% { fill-opacity:0.3;opacity:0.7;} 80% { fill-opacity:0.3;opacity:0.7;} 90% { fill-opacity:0.8;opacity:0.8;} 100% { transform:translate(0px);opacity:1;fill-opacity:1;} }
@keyframes theTree { 0%  { transform:translate(60px);opacity:0.1;fill-opacity:0.1;} 10% { transform:translate(60px);opacity:0.2;fill-opacity:0.2;} 20% { transform:translate(60px);fill-opacity:0.3;opacity:0.3;} 30% { transform:translate(60px);fill-opacity:0.4;opacity:0.4;} 40% { transform:translate(60px);fill-opacity:0.5;opacity:0.5;} 50% { fill-opacity:0.6;opacity:0.6;} 70% { fill-opacity:0.6;opacity:0.6;} 80% { fill-opacity:0.7;opacity:0.7;} 90% { fill-opacity:0.8;opacity:0.8;} 100% { transform:translate(0px);opacity:1;fill-opacity:1;} }
@keyframes theVente { 0%  { transform:translate(80px); opacity:0;fill-opacity:0;} 10% { transform:translate(80px); opacity:0.1;fill-opacity:0.1;} 20% { transform:translate(80px);fill-opacity:0.1;opacity:0.1;} 30% { transform:translate(80px);fill-opacity:0.1;opacity:0.1;} 40% { transform:translate(80px);fill-opacity:0.2;opacity:0.2;} 50% { transform:translate(80px);fill-opacity:0.2;opacity:0.2;} 70% { transform:translate(80px);fill-opacity:0.2;opacity:0.2;} 80% { fill-opacity:0.3;opacity:0.3;} 90% { fill-opacity:0.8;opacity:0.8;} 100% { transform:translate(-3px);	opacity:1;	fill-opacity:1;} }
@keyframes theLogo { from {   transform: rotate3d(0,0,0,0deg);  }  to {   transform: rotate3d(0,1,0,360deg);  }}