@import url('https://fonts.googleapis.com/css2?family=Lemon&family=Kalam:wght@300&display=swap'); 
:root { --coul-clients-fond: #FFFFFF; --coul-clients-texte: #6495ED; --coul-commandes-fond: #FFFFFF; --coul-commandes-texte: #6495ED; --coul-catalogue-fond: #FFFFFF; --coul-catalogue-texte: #6495ED; --coul-informations-fond: #FFFFFF; --coul-informations-texte: #6495ED; --coul-publicite-fond: #FFFFFF; --coul-publicite-texte: #6495ED; --coul-global-fond: #FFFFFF; --coul-global-texte: #6495ED; } 
* {box-sizing: border-box;} 
#site-container {width: 900px; max-width: 100%; height: auto; min-height: 50%; background: #4682B4; margin: 2px auto auto; border-radius: 4px; border: 3px solid #6495ED; border-bottom: 3px solid lightblue; border-top: 3px solid lightblue; border-left: 3px solid lightblue; border-right: 3px solid lightblue; display: grid; padding: 0; white-space: nowrap; background-image:url('../../Design/_fonds/blancgranite2.jpg');align-content: start; justify-content: center; align-items: start; justify-items: center; grid-template-columns: 15% 21% 21% 21% 21%; column-gap: 0px; grid-column: 1; } 
#header-container {text-align: center; color: var(--coul-global-texte); height: 180px; vertical-align: middle; margin: 2px 0 0; border-color: #FFFFFF; border-width: 0px; display: grid; padding: 0; line-height: 4px; fill: var(--coul-global-texte); visibility: visible; background-repeat: repeat-x; background-size: contain; justify-content: space-between; grid-template-columns: 1.7fr 1.7fr 3fr 0.8fr 0.8fr; column-gap: 0px; row-gap: 0px; gap: 0px; grid-column: 1 / span 5; grid-row: 1; grid-template-areas: col1 col2 col3 col4 col5; } 
#header-containerImg {width: 100%; height: 150px; margin: 32px auto; border-width: 0px; display: grid; position: relative; background-image:url('../../Design/_fonds/   Image en tête decembre.png');background-repeat: no-repeat; background-size: contain; align-content: start; justify-content: space-between; align-items: stretch; grid-template-columns: 1.7fr 1.7fr 3fr 0.8fr 0.8fr; column-gap: 0px; row-gap: 0px; gap: 0px; grid-column: 1 / span 5; grid-row: 1; grid-template-areas: col1 col2 col3 col4 col5; } 
#menuD-container {font-style: italic; width: 100%; max-width: 100%; vertical-align: middle; margin: auto 0px 0; border-bottom: 0; border-top: 0; border-left: 0; border-right: 0; display: block; padding-right: 0px; padding-left: 0px; clear: both; grid-column: 1 / span 5; grid-row: 2; } 
#bandeau-container {text-align: center; color: #FFFFFF; width: 100%; height: auto; vertical-align: middle; margin: 0; border-color: var(--coul-global-texte); display: block; padding: 4px; fill: #FFFFFF; grid-column: auto; grid-row: auto; } 
#container-usrSiteMsg {text-align: center; color: #000000; width: 99%; height: auto; vertical-align: top; margin: 4px auto; border-radius: 4px; border-color: #FF00FF; border-width: 0px; display: block; padding: 8px; line-height: 1em; fill: #000000; overflow: auto; white-space: nowrap; align-content: center; grid-column: 2 / span 4; grid-row: 4; } 
#menuIndep-container {text-align: left; height: auto; margin: 0 auto auto; display: block; padding-bottom: 0; position: relative; clear: initial; z-index: 3; cursor: inherit; grid-column: 1; grid-row: 3 / span 2; } 
#page-container {color: var(--coul-global-texte); width: 100%; margin: 0; border-width: 0px; display: block; padding: 4px 0px 2px 2px; fill: var(--coul-global-texte); z-index: 0; flex-direction: row; flex-basis: auto; flex-wrap: wrap; grid-column: 2 / span 4; grid-row: 3 / span 2; } 
#pub-container {text-align: center; color: var(--coul-global-texte); width: 100%; height: 100%; background: var(--coul-global-fond); vertical-align: middle; margin: 0; border: 3px solid #ffffff; display: flex; padding: 2px; fill: var(--coul-global-texte); z-index: 0; background-size: cover; flex-direction: column; align-content: center; justify-content: center; align-items: center; flex-wrap: nowrap; grid-column: 0; grid-row: 0; } 
#body {text-decoration: none; text-align: center; font-family: Trebuchet MS, sans-serif; font-size: 0.8rem; color: #6495ED; width: 100%; background: #000000; margin: 2px auto auto; padding-top: 2px; fill: #6495ED; background-size: cover; align-content: center; } 
#tablePages {text-align: left; width: 100%; height: 100%; margin: 24px 0 32px; border-color: #8A2BE2; display: block; position: relative; fill: var(--coul-global-texte); resize: both; clear: 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-size: 0.8rem; color: var(--coul-global-texte); width: 100%; height: 100%; background: var(--coul-global-fond); vertical-align: top; margin: auto; fill: var(--coul-global-texte); background-image:url('../../Design/_fonds/degrade bleu2.png');background-repeat: repeat; 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; fill: var(--coul-global-texte); align-content: center; grid-template-columns: 50% 50%; grid-column: 1 / span 3; } 
a {text-decoration: none; color: var(--coul-global-texte); margin: auto; } 
.a:link {color: var(--coul-global-texte); margin: auto; fill: var(--coul-global-texte); } 
.a:visited {color: var(--coul-global-texte); max-height: 60%; margin: auto; fill: var(--coul-global-texte); align-content: center; justify-content: center; } 
a:hover {text-decoration: none; color: #4169E1; margin: auto; fill: #4169E1; cursor: pointer; } 
.icones, .fas, .fad, .far, .fab, .fal {text-decoration: none; text-align: center; vertical-align: middle; margin: 2px; } 
.boutons {text-decoration: none; text-align: center; font-family: Trebuchet MS, sans-serif; color: #3F6FD6; font-weight: 600; min-width: auto; height: 35px; background: #FFFFFF; vertical-align: middle; margin: 16px auto; border-radius: 999px; border: 1px solid #C9D7F5; display: inline-flex; padding: 0px 16px; line-height: 1.2; fill: #3F6FD6; transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease; box-shadow: 0 1px 2px rgba(30,50,100,0.08); clear: none; white-space: nowrap; cursor: pointer; align-content: center; justify-content: center; align-items: center; } 
.boutons:hover {color: #FFFFFF; background: #6495ED; border-color: #6495ED; fill: #FFFFFF; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(100,149,237,0.30); cursor: pointer; } 
.message {text-align: center; color: #6495ed; height: auto; vertical-align: middle; margin: auto; display: block; padding: 4px; line-height: 1.4em; fill: #6495ed; clear: both; white-space: normal; align-content: center; grid-column: 1 / span 3; } 
.msgOk {font-size: 0.9rem; color: #FFFFFF; height: auto; background: #3bc829; margin-top: 16px; border-radius: 4px; border: 1px solid #20B2AA; display: block; padding: 8px 2px; fill: #FFFFFF; overflow: auto; white-space: break-spaces; } 
.msgKo {font-size: 0.9rem; color: #FFFFFF; max-width: 99%; height: auto; background: #b2344d; margin-top: 16px; border-radius: 4px; border: 1px none #A52A2A; display: block; padding: 8px 2px; fill: #FFFFFF; overflow: auto; white-space: break-spaces; } 
.input:focus {margin: auto; border-color: #2D2300; } 
.hidden {text-align: center; margin: auto; display: none; } 
#messCom {font-family: Trebuchet MS, sans-serif; color: #000000; font-weight: bold; height: auto; margin: 16px auto auto; padding-top: 12px; padding-right: 12px; padding-left: 12px; white-space: normal; } 
.onlyInResponsive {text-align: center; display: none; } 
.mdpIco {text-align: center; } 
.propuls {font-size: 0.9rem; color: #6495ED; height: auto; margin: 24px auto 12px; border-bottom: 0; border-top: 0; border-left: 0; border-right: 0; } 
.dbgHeaders {text-align: left; color: var(--coul-global-texte); background: var(--coul-global-fond); } 
.usrMsgBloc {height: 1px; margin: 2px; display: inline; padding: 0; 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 {color: var(--coul-global-texte); background: #F0F8FF; margin: auto; display: block; position: initial; list-style-type: circle; white-space: nowrap; background-repeat: no-repeat; background-size: cover; grid-column: 1; grid-row: 1; } 
#eCol2 {color: var(--coul-global-texte); margin: auto; display: block; cursor: pointer; grid-column: 2; grid-row: 1; } 
#eCol3 {color: var(--coul-global-texte); margin: auto; display: block; background-repeat: no-repeat; background-size: cover; flex-direction: row; grid-column: 3; grid-row: 1; } 
#eCol4 {color: var(--coul-global-texte); max-width: 20%; margin: auto; display: block; flex-direction: row; grid-column: 4; grid-row: 1; } 
#eCol5 {color: var(--coul-global-texte); width: 100%; max-width: 100%; margin: auto auto 24px; display: block; padding-top: 12px; flex-direction: row; grid-column: 5; grid-row: 1; } 
.entLanguesForm {display: flex; flex-direction: column; } 
#rechBarre-container {text-align: center; color: var(--coul-global-texte); height: 0px; vertical-align: middle; margin: 60px auto 0 200px; border-color: #f4eaff; border-width: 0px; border-top: 0; border-left: 0; border-right: 0; padding-top: 4px; padding-right: 4px; padding-left: 4px; fill: var(--coul-global-texte); visibility: visible; white-space: nowrap; flex-direction: row; grid-column: 2 / span 4; grid-row: 3; } 
#logo {text-align: center; color: transparent; vertical-align: middle; margin: 2px 0 0 2px; border-radius: 100%; padding: 4px; position: relative; fill: transparent; top: 8px; z-index: 1; } 
#itemMaint {text-align: center; color: var(--coul-global-texte); margin: auto; border-radius: 8px; border-color: var(--coul-global-texte); border-width: 0px; display: block; padding: 2px; fill: var(--coul-global-texte); white-space: normal; z-index: 1; } 
#iconeMaint {margin: auto; border-color: var(--coul-global-texte); border-width: 0px; display: inline; z-index: 1; } 
#msgMaint {text-align: center; font-family: Trebuchet MS, sans-serif; color: #931f1f; font-weight: bold; vertical-align: middle; margin: auto; border-radius: 8px; border: 1px none var(--coul-global-texte); display: inline; padding: 2px; fill: #931f1f; opacity: 0.9; white-space: normal; z-index: 1; } 
#player {text-align: center; color: #F0F8FF; font-weight: bold; height: 15px; background: #FFFFFF; vertical-align: middle; margin: 2px; border-radius: 8px; display: inline-block; padding: 4px; line-height: 15px; fill: #F0F8FF; right: 20px; box-shadow: 0 2px 4px rgba(17,24,39,.15); cursor: pointer; } 
#player:hover {text-align: center; color: #ADD8E6; border-color: #ADD8E6; fill: #ADD8E6; box-shadow: 0 4px 12px rgba(17,24,39,.15); 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: 8px; display: inline-block; padding: 0 0 4px 4px; line-height: 17px; fill: var(--coul-global-texte); } 
.drapeaux {text-align: center; vertical-align: top; border-radius: 8px; display: inline; position: relative; left: 300px; text-shadow: 1em 1em 0.1em #D8D8D8; bottom: 150px; box-shadow: 0 2px 4px rgba(17,24,39,.15); clear: both; visibility: inherit; } 
.drapeaux:hover {text-align: center; color: var(--coul-global-texte); fill: var(--coul-global-texte); cursor: pointer; } 
.bandeauImg {text-decoration: none; text-align: center; color: var(--coul-global-texte); background: var(--coul-global-fond); vertical-align: top; margin-top: 4px; display: block; fill: var(--coul-global-texte); visibility: visible; background-image:url('../../Design/_fonds/ image en tête nouveau transformed.png');background-repeat: initial; flex-basis: auto; align-content: center; } 
#imgTitre {text-decoration: none; text-align: center; font-family: Lemon, cursive; color: var(--coul-global-texte); vertical-align: middle; margin: auto; padding-top: 32px; fill: var(--coul-global-texte); resize: none; text-transform: none; overflow: visible; white-space: normal; background-repeat: initial; flex-basis: 100%; 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-right: auto; margin-left: 16px; fill: #FFD700; animation: theUn 5s; } 
#deux {color: #FF8C00; font-weight: bold; background: #FFFFFF; margin-right: auto; fill: #FF8C00; animation: 5s theTwo; } 
#trois {color: #FF0000; font-weight: bold; background: #FFFFFF; margin-right: auto; display: block; fill: #FF0000; animation: 5s theThree; } 
#ventes {color: #000000; font-weight: bold; width: 150px; height: 50px; vertical-align: top; margin-bottom: 0; display: inline; padding-bottom: 12px; fill: #000000; resize: none; transform: translate (-3px); animation: 5s theVente; text-transform: capitalize; top: -20px; bottom: 100px; overflow: auto; clear: left; } 
.logoAnime {text-align: center; color: #FF0000; background: #F5F5F5; vertical-align: middle; margin: 0 auto 0 2px; border-color: #000000; display: block; padding-top: 2px; padding-right: 2px; padding-left: 12px; position: relative; fill: #FF0000; animation: 5s theLogo; text-transform: capitalize; visibility: visible; } 
#pdp-container {padding-left: 4px; position: relative; background-size: cover; grid-column: 1 / span 5; } 
#pdpBarre {text-align: center; font-family: Trebuchet MS, sans-serif; color: #FFFFFF; font-weight: bold; width: 99.8%; height: 100%; margin: auto; border-radius: 4px; border-color: #FFFFFF; display: block; padding: 2px; fill: #FFFFFF; visibility: inherit; } 
.pdpItem {text-align: center; color: #FFFFFF; height: 35px; vertical-align: middle; margin: 4px; border-radius: 8px; border-color: #D3D3D3; display: inline; padding: 4px; line-height: 35px; fill: #FFFFFF; } 
.pdpIcone {text-align: center; width: 28px; height: 28px; vertical-align: middle; margin-bottom: auto; margin-right: auto; margin-left: auto; border-radius: 8px; border-color: #D3D3D3; display: inline; line-height: 25px; } 
.pdpTxt {text-align: center; color: #FFFFFF; height: auto; vertical-align: middle; margin-bottom: auto; margin-right: auto; margin-left: auto; border-radius: 8px; border-color: #D3D3D3; display: inline; padding: 4px; line-height: 35px; fill: #FFFFFF; } 
.whatsapp-barre {text-align: right; font-size: 1.4rem; color: var(--coul-global-texte); max-height: 1px; vertical-align: middle; margin: 0; display: block; padding: 0; fill: var(--coul-global-texte); } 
.siteMsgBloc {font-size: 0.9rem; color: black; width: 900px; max-width: 100%; background: #FFFFFF; margin: 8px auto 12px; border-radius: 12px; border: 1px solid #E3EAF7; display: flex; padding: 8px 12px; box-shadow: 0 2px 8px rgba(30,50,100,0.08); justify-content: space-around; align-items: center; column-gap: 12px; row-gap: 8px; } 
.siteBtnAdmin {font-size: 0.85rem; color: #374151; width: auto; background: transparent; opacity: 1; white-space: nowrap; } 
#menuDeroulantBarre {color: #FFFFFF; background: #6495ED; margin: auto; border-radius: 4px; border-top: 0; display: flex; padding-bottom: 0; padding-top: 0; padding-left: 0; position: initial; z-index: 2; flex-direction: row; align-content: center; justify-content: center; align-items: center; } 
.menuDeroulantItem {text-decoration: none; color: #ffffff; width: 38%; background: #6495ED; margin: 2px 2px 0; border-color: transparent; border-bottom: 1px solid transparent; border-top: 0; border-left: 0; border-right: 0; display: block; padding: 4px; position: relative; line-height: 20px; fill: #ffffff; white-space: nowrap; z-index: 2; cursor: pointer; } 
.textePpauxMenuDeroulant {text-decoration: none; color: #FFFFFF; background: #6495ED; vertical-align: middle; margin: auto 2px auto 0; border-width: 0px; display: inline; padding: 2px 2px 2px 0; position: relative; overflow: inherit; clear: inherit; white-space: nowrap; z-index: 2; cursor: pointer; } 
.iconesPpauxMenuDeroulant, .menuDeroulantItem .fad, .menuDeroulantItem .far {color: #FFFFFF; height: auto; vertical-align: middle; margin: 2px 2px 0; border-radius: 8px; border-color: #000000; border-width: 0px; display: inline-block; padding: 2px; white-space: nowrap; z-index: 2; cursor: pointer; } 
.menuDeroulantItem:hover,menuDeroulantItem:focus {text-decoration: none; color: #FFFFFF; background: #6495ED; vertical-align: middle; border: 1px none #FFFFFF; border-bottom: 1px solid #FFFFFF; border-top: 0; border-left: 0; border-right: 0; fill: #FFFFFF; clear: none; visibility: visible; z-index: 2; cursor: pointer; } 
.menuDeroulantItem:hover>.textePpauxMenuDeroulant,menuDeroulantItem:hover>.iconesPpauxMenuDeroulant,.menuDeroulantItem:focus>.textePpauxMenuDeroulant,.menuDeroulantItem:focus>.iconesPpauxMenuDeroulant {text-decoration: none; color: #FFFFFF; height: auto; background: #6495ED; vertical-align: middle; margin: auto; fill: #FFFFFF; overflow: inherit; visibility: visible; white-space: nowrap; z-index: 2; cursor: pointer; } 
.menuDeroulantItem:hover > ul,menuDeroulantItem:focus > ul {text-align: center; color: #000000; width: 100%; height: auto; background: #6495ED; vertical-align: middle; margin: auto; border-radius: 4px; border-color: #FFA07A; display: block; padding: 4px; position: absolute; left: 0px; fill: #000000; top: 26px; } 
.sousMenuBarre {text-decoration: none; text-align: center; color: #4169E1; height: auto; vertical-align: top; margin: 0 2px 2px 0; border-radius: 4px; border-color: #FFA07A; display: none; padding: 4px; position: absolute; fill: #4169E1; list-style-type: none; opacity: 1; visibility: visible; white-space: nowrap; z-index: 2; } 
.sousMenuItem {text-decoration: none; text-align: left; color: #6495ED; height: auto; background: #FFFFFF; vertical-align: middle; margin: 2px; display: block; padding: 2px; fill: #6495ED; white-space: nowrap; } 
.sousMenuIcones {text-align: left; color: #6495ED; height: auto; vertical-align: middle; margin: 2px; display: inline; padding: 2px; position: relative; fill: #6495ED; visibility: inherit; white-space: nowrap; cursor: pointer; } 
.sousMenuTexte {text-decoration: none; text-align: left; color: #6495ED; width: 90%; vertical-align: middle; margin: 2px; display: inline; padding: 2px; position: relative; fill: #6495ED; list-style-type: none; white-space: nowrap; background-size: contain; } 
.sousMenuItem:hover {text-decoration: none; color: var(--coul-global-texte); height: auto; background: var(--coul-global-fond); margin: 2px; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; padding: 2px; fill: var(--coul-global-texte); cursor: pointer; } 
.sousMenuItem:hover>* {text-decoration: none; color: #000080; height: auto; margin: 2px; padding: 2px; fill: #000080; cursor: pointer; } 
.sousMenuBarre:hover>.sousMenuItem,.sousMenuBarre:hover>.sousMenuItem>span>* {text-decoration: none; text-align: left; color: #6495ED; font-weight: bold; height: auto; vertical-align: middle; margin: 2px; display: block; padding: 2px; fill: #6495ED; list-style-type: initial; white-space: nowrap; } 
#menuD-container> .top-nav-label .open-close-menu {text-decoration: none; height: auto; background: #8B0000; margin: auto; } 
#menuD-container> .top-nav-label .open-close-menu::before,
#menuD-container> .top-nav-label .open-close-menu::after {text-decoration: none; height: auto; background: #8B0000; margin: auto; } 
#familles-container {text-align: center; color: var(--coul-catalogue-texte); height: auto; margin: 32px 0 auto auto; border-radius: 0px; border-width: 0px; display: block; padding: 0; list-style-type: inherit; visibility: visible; white-space: nowrap; z-index: 2; } 
.familles-boite {font-family: Trebuchet MS, sans-serif; height: 35px; background: #FFFFFF; margin-bottom: 12px; margin-top: 16px; margin-left: 24px; border-radius: 10px; border: 1px solid #DBE5F8; display: block; position: initial; line-height: 0.5em; float: left; transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease; box-shadow: 0 1px 3px rgba(30,50,100,0.12); visibility: visible; white-space: nowrap; z-index: 2; justify-content: start; justify-items: start; } 
.familles-libelle {color: var(--coul-global-texte); font-weight: 600; width: 95px; margin: 12px auto auto; display: block; padding: 4px; position: initial; left: 50%; opacity: 1; visibility: visible; white-space: nowrap; cursor: pointer; align-content: center; grid-column: 1 / span 2; } 
.familles-img {text-align: center; width: 0px; vertical-align: top; margin: auto; border-color: #A52A2A; border-width: 0px; display: block; left: 0px; top: 0px; bottom: 0px; right: 0px; list-style-type: circle; visibility: hidden; white-space: nowrap; z-index: 2000; cursor: pointer; } 
.familles-boite:hover ul, .familles-boite:hover #categories-container {width: 100%; max-width: 100%; background: transparent; margin: auto; border-width: 0px; display: table; position: absolute; left: 118px; top: 0px; opacity: 1; visibility: visible; white-space: nowrap; z-index: 2; flex-direction: column; } 
#categories-container {text-align: center; margin: 2px; display: none; padding: 8px; text-transform: lowercase; top: -7px; overflow: visible; list-style-type: none; white-space: nowrap; z-index: 2; } 
.categories-boite {text-align: center; width: 100%; background: #FFFFFF; margin: auto; border-radius: 8px; border: 1px solid #D3D3D3; border-bottom: 1px solid brown; display: grid; padding: 0; float: left; overflow: visible; clear: both; z-index: 2; flex-direction: column; grid-template-columns: auto auto; } 
.categoriesItems {text-decoration: none; text-align: left; color: #4169E1; width: 90%; background: #FFFFFF; vertical-align: top; margin: 0; border-radius: 8px; border-color: #F0FFFF; border-width: 0px; display: inline; padding: 4px; fill: #4169E1; float: left; text-transform: capitalize; list-style-type: none; visibility: visible; white-space: nowrap; cursor: pointer; grid-column: 1; grid-row: 1; } 
.categoriesImages {text-align: right; width: 30px; height: 30px; vertical-align: middle; margin: auto; border-radius: 8px; border-color: #FAEBD7; display: inline; padding: 0; top: 0px; right: 0px; list-style-type: circle; visibility: visible; white-space: nowrap; grid-column: 2; grid-row: 1; } 
#promos-container {height: auto; margin: 32px auto 16px; padding-bottom: 0; padding-right: 0; padding-left: 0; position: relative; fill: var(--coul-global-texte); text-transform: none; top: 10px; overflow: initial; flex-direction: row; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 5px; grid-column: 2 / span 4; grid-row: 2; } 
.itemBarrePromo {font-style: normal; color: #3F6FD6; font-weight: 600; height: 35px; background: #FFFFFF; vertical-align: middle; margin: auto 12px; border-radius: 999px; border: 1px solid #C9D7F5; display: inline-flex; padding: 0px 16px; position: initial; line-height: 1.4em; transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease; box-shadow: 0 1px 2px rgba(30,50,100,0.08); white-space: nowrap; cursor: pointer; justify-content: center; align-items: center; } 
.txtBarrePromo {font-family: Trebuchet MS, sans-serif; font-weight: bold; vertical-align: middle; margin-bottom: 0; margin-right: auto; margin-left: auto; padding-top: 2px; padding-right: 2px; padding-left: 2px; fill: var(--coul-catalogue-texte); } 
.iconeBarrePromo {vertical-align: middle; padding: 2px; fill: var(--coul-catalogue-texte); } 
#rechItem {color: var(--coul-catalogue-texte); background: var(--coul-catalogue-fond); vertical-align: middle; margin: 0; border: 1px solid #6b61b8; display: none; padding: 4px; fill: var(--coul-catalogue-texte); list-style-type: circle; visibility: visible; white-space: nowrap; } 
#rechInput {text-align: center; color: #A9A9A9; background: var(--coul-global-fond); vertical-align: middle; margin-bottom: 0; margin-top: 0; margin-left: 0; border-radius: 8px; border: 1px solid #D3D3D3; display: none; padding-bottom: 4px; padding-top: 4px; line-height: 1.2em; fill: #A9A9A9; list-style-type: circle; opacity: 0.9; visibility: visible; white-space: nowrap; } 
#rechBtn {text-align: left; color: var(--coul-catalogue-texte); vertical-align: middle; margin: 0; border-radius: 8px; border-color: var(--coul-global-texte); border-width: 0px; display: none; padding: 4px; fill: var(--coul-catalogue-texte); list-style-type: circle; visibility: visible; white-space: nowrap; cursor: pointer; } 
.actifBtnPromo {text-align: center; color: #FFFFFF; font-weight: 600; height: 35px; background: #3F6FD6; vertical-align: middle; margin: 12px; border-radius: 999px; border: 1px solid #3F6FD6; display: inline-flex; padding: 0px 16px; fill: #FFFFFF; box-shadow: 0 2px 8px rgba(63,111,214,.30); justify-content: center; align-items: center; } 
.promoImg {max-height: 1.4em; vertical-align: middle; } 
.promoTexte {margin-left: 8px; } 
#ongletBarre {text-align: center; color: #DC143C; width: 99%; margin: 8px 2px auto; border: 1px solid #1E90FF; border-top: 0; border-left: 0; border-right: 0; display: flex; padding: 0; position: relative; list-style-type: none; grid-column: 1 / span 2; } 
#ongletBarre li {color: var(--coul-global-texte); height: 1.5%; margin: 0 2px; border-radius: 4px 4px 0 0; border: 1px solid #1E90FF; border-bottom: 0; padding: 4px; } 
#ongletBarre li:hover {text-align: center; color: #FFFFFF; background: #1E90FF; border-bottom: 0; fill: #FFFFFF; cursor: pointer; } 
#ongletBarre a {color: #000080; margin: auto; border-bottom: 0; display: block; fill: #000080; } 
#ongletBarre a:hover {text-align: center; color: #fff; background: #1E90FF; margin: auto; border-bottom: 0; fill: #fff; } 
#ongActv, #txtActv {text-align: center; color: #FFFFFF; margin: auto; fill: #FFFFFF; } 
#pageConnexion {text-align: center; width: 90%; max-width: 600px; height: auto; margin: 16px auto 32px; border-radius: 4px; border: 1px solid #D3D3D3; display: grid; padding: 24px; fill: var(--coul-global-texte); text-transform: none; align-content: center; grid-template-columns: 40% 50%; column-gap: 16px; row-gap: 12px; grid-column: 1 / span 3; } 
.connTitre {text-decoration: none; text-align: left; font-weight: bold; width: 100%; height: auto; display: block; padding: 2px; overflow: visible; align-content: center; grid-column: 1 / span 3; } 
.messageConnect {text-align: center; color: #4169E1; height: auto; vertical-align: middle; margin: auto; display: inline; padding: 4px; line-height: 1.4em; fill: #4169E1; text-transform: none; align-content: center; grid-column: 1 / span 3; } 
.connLignes {text-decoration: none; width: 97%; height: 1px; background: var(--coul-global-fond); margin: 12px auto 4px; border: 1px solid #D3D3D3; border-bottom: 0; border-top: 1px solid lightgrey; border-left: 0; border-right: 0; display: block; fill: var(--coul-global-texte); grid-column: 1 / span 2; } 
.pageAccM2 {text-align: left; color: var(--coul-global-texte); width: 90%; height: 80%; background: var(--coul-global-fond); vertical-align: top; margin: auto; border-radius: 4px; border: 1px solid #D3D3D3; display: block; padding: 0; fill: var(--coul-global-texte); clear: left; grid-column: 2 / span 5; grid-row: 4 / span 3; } 
.accM2Image {text-align: center; color: var(--coul-global-texte); width: 75%; height: 75%; background: var(--coul-global-fond); margin: 0; border-radius: 4px; display: block; padding: 0; fill: var(--coul-global-texte); z-index: 0; } 
.accM3Conteneur {text-align: center; width: 100%; margin: auto; border-color: #A52A2A; border-width: 0px; display: block; flex-direction: column; flex-basis: auto; } 
.imgFamilleBlocAcc {text-align: left; color: var(--coul-global-texte); width: 100%; background: var(--coul-global-fond); vertical-align: top; margin: auto; border-radius: 4px; border-color: #B22222; border-width: 0px; display: block; padding: 0; fill: var(--coul-global-texte); clear: left; } 
.titreFamilleBlocAcc {text-align: center; font-style: italic; color: #F0F8FF; font-weight: bold; width: 100%; background: #000080; vertical-align: middle; margin: auto; display: block; fill: #F0F8FF; clear: left; } 
.accM4Conteneur {text-align: center; font-style: italic; color: var(--coul-global-texte); font-weight: bold; width: 100%; height: auto; min-height: 180px; background: var(--coul-global-fond); vertical-align: middle; margin: auto; display: flex; padding: 4px; fill: var(--coul-global-texte); 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: Kalam, cursive; font-style: italic; color: #1E90FF; font-weight: bold; background: var(--coul-global-fond); vertical-align: middle; margin: auto auto 12px; display: block; padding-bottom: 4px; fill: #1E90FF; text-transform: none; clear: left; } 
.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%; display: block; padding: 4px; fill: var(--coul-global-texte); text-transform: none; clear: left; } 
.accM6Label {margin: 12px; } 
.accM4Carte {display: flex; flex-direction: column; } 
.accAccueilM5CarousselHaut1 {color: red; } 
.libConnCell {text-align: right; height: auto; background: transparent; margin: 2px; display: block; padding: 8px 8px 8px 2px; line-height: 1.2em; fill: var(--coul-global-texte); text-transform: capitalize; align-content: center; justify-content: flex-end; align-items: flex-end; grid-column: 1; } 
.libConn {text-align: right; color: var(--coul-global-texte); background: var(--coul-global-fond); vertical-align: middle; margin: auto; border-color: #3D97C2; display: inline; padding: 2px; line-height: 1.2em; fill: var(--coul-global-texte); text-transform: none; visibility: visible; align-content: end; grid-column: 1; } 
.champsConnCell {text-align: left; width: 98%; height: auto; background: transparent; margin: 2px 0; display: block; padding: 8px 4px; fill: var(--coul-global-texte); text-transform: none; grid-column: 2; } 
.champsConn {text-align: left; color: var(--coul-global-texte); width: 85%; height: auto; background: var(--coul-global-fond); vertical-align: middle; border-radius: 8px; border: 1px solid var(--coul-global-texte); display: inline; padding: 8px 12px; fill: var(--coul-global-texte); text-transform: none; } 
#tableCli {text-align: left; width: 100%; height: auto; background: var(--coul-clients-fond); display: grid; padding: 2px; grid-template-columns: 50% 50%; grid-column: 1 / span 2; } 
.titresCli {text-decoration: none; color: var(--coul-global-texte); font-weight: bold; width: 100%; height: auto; border-width: 0px; display: block; padding: 2px; grid-column: 1 / span 3; } 
.libClientsCell {text-align: right; height: auto; background: var(--coul-global-fond); margin: 2px; display: block; padding: 2px; line-height: 1.2em; fill: var(--coul-global-texte); text-transform: capitalize; clear: both; align-content: end; grid-column: 1; } 
.libClients {text-align: right; color: var(--coul-global-texte); height: auto; background: var(--coul-global-fond); vertical-align: middle; margin: auto; display: inline; padding: 2px; line-height: 1.2em; fill: var(--coul-global-texte); align-content: end; } 
.champsCliCell {height: auto; background: var(--coul-global-fond); margin: 2px 0; display: block; padding: 2px; fill: var(--coul-global-texte); grid-column: 2; } 
.champsCli {text-align: left; color: #000000; min-width: 50%; height: auto; background: var(--coul-global-fond); margin: auto; border-radius: 4px; border: 1px groove #C0C0C0; display: inline; padding: 2px; } 
.msgCli {color: #4169E1; max-width: 99%; height: auto; background: transparent; vertical-align: middle; margin: 2px; display: inline; padding: 4px; white-space: normal; grid-column: 1 / span 3; } 
.listeDeroulanteCli {text-align: left; color: var(--coul-global-texte); max-width: 90%; height: auto; background: var(--coul-global-fond); margin: 0; border-radius: 8px; border: 1px groove #C0C0C0; display: inline-block; padding: 2px; fill: var(--coul-global-texte); grid-column: 2; } 
.cliLignes {color: var(--coul-clients-texte); height: 1%; background: var(--coul-clients-fond); margin: 0; display: block; grid-column: 1/ span 3; } 
#detailsOnglets {text-align: left; color: var(--coul-clients-texte); height: 1%; background: #8A2BE2; vertical-align: top; margin-bottom: 0; margin-right: 0; margin-left: 0; display: block; fill: var(--coul-clients-texte); 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: 0; display: block; fill: var(--coul-clients-texte); visibility: visible; grid-column: 1/ span 3; } 
#detailsOnglets li.sactive {text-align: left; color: var(--coul-clients-texte); height: 1%; background: var(--coul-clients-fond); vertical-align: top; margin: 0; display: block; fill: var(--coul-clients-texte); 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-bottom: 0; margin-right: 0; margin-left: 0; display: block; fill: var(--coul-clients-texte); 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: 0; display: block; fill: var(--coul-clients-texte); visibility: visible; } 
#detailsOnglets li:hover {text-align: left; color: var(--coul-clients-texte); height: 1%; background: #95abde; vertical-align: top; margin: 0; display: block; fill: var(--coul-clients-texte); } 
#barreClientContainer {text-align: center; color: var(--coul-clients-texte); width: 100%; height: 70%; background: var(--coul-clients-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: block; padding: 12px; fill: var(--coul-clients-texte); grid-column: 1 / span 3; } 
.connResultat {text-align: center; max-width: 100%; margin: 12px; padding: 50px; } 
.admConnBoutons {margin: 24px auto auto; } 
.newMdpValid {text-align: center; } 
.admConnVersBo {} 
.admConnValid {margin: 16px; } 
.admConnSiteTest {text-decoration: none; } 
.admMdpChamp {width: 90%; } 
.admMdpMail {width: 90%; margin: auto; } 
.admMdpValider {text-align: center; width: 100%; margin: 12px; } 
.admNewMdpForm {display: contents; } 
.admNewMdpBoutons {width: 100%; margin: 12px; padding: 12px; } 
.authBloc {text-align: center; width: 80%; margin: auto; padding-bottom: 32px; padding-top: 16px; } 
.authLogo {text-align: top; padding: 2px; } 
.authTitre {width: 100%; } 
.authMsgOk {color: var(--coul-global-texte); background: lightgreen; margin: 4px auto auto; border-radius: 8px; border: 1px solid grey; padding: 4px; } 
.authMsgKo {color: var(--coul-global-texte); background: lightgrey; margin-bottom: 4px; margin-top: 4px; border-radius: 8px; border: 1px solid grey; padding: 4px; } 
.cliFlagCache {width: 50px; } 
.cliCdvVoir {text-align: left; margin: auto; } 
.cliCdvAccepter {text-align: center; line-height: 50px; white-space: break-spaces; } 
.cliInscSupport {padding: 24px; } 
.decoTitre {} 
.decoBloc {} 
.connMdpValider {text-align: center; width: 100%; margin: 12px; } 
.connFormTitre {width: 100%; } 
.connBoutons {width: 100%; margin: auto; padding: 1.5em 0.9em 0.9em; } 
.authPage {background: var(--coul-global-fond); } 
.titresCat {text-decoration: none; text-align: center; color: var(--coul-catalogue-texte); font-weight: bold; background: var(--coul-catalogue-fond); vertical-align: top; margin: 0; border-radius: 4px; border: 1px none var(--coul-global-texte); display: block; position: relative; fill: var(--coul-catalogue-texte); text-transform: capitalize; list-style-type: circle; visibility: visible; white-space: nowrap; align-content: center; grid-column: 1 / span 3; } 
.gondole-container {font-family: Trebuchet MS, sans-serif; color: var(--coul-catalogue-texte); height: auto; margin: 4px 12px 2px 4px; display: grid; padding-bottom: 2px; padding-top: 12px; line-height: 1em; fill: var(--coul-catalogue-texte); right: 10px; flex-direction: row; flex-basis: auto; justify-content: center; flex-wrap: wrap; grid-template-columns: 49% 49%; column-gap: 10px; grid-column: 2; } 
.tableCatalogue {text-align: left; color: var(--coul-catalogue-texte); height: auto; margin-bottom: 0; margin-top: 16px; margin-right: 8px; border-radius: 8px; border: 2px groove #8B0000; display: grid; padding: 12px 12px 12px 2px; fill: var(--coul-catalogue-texte); box-shadow: 0 2px 8px rgba(17,24,39,.08); clear: both; white-space: normal; grid-template-columns: 50% 50%; grid-template-rows: 10px; column-gap: 10px; } 
.msgCatalogue {text-align: center; color: #495ca7; height: auto; margin: 16px 2px 4px; display: block; padding: 2px 0 2px 2px; list-style-type: none; white-space: normal; grid-column: 1 / span 3; } 
.titresPrd {text-decoration: none; color: #4169E1; font-weight: bold; height: auto; margin-bottom: auto; margin-top: auto; margin-right: auto; border-radius: 8px; display: block; padding-bottom: 2px; padding-top: 2px; padding-left: 4px; line-height: 1.4em; fill: #4169E1; text-transform: none; white-space: nowrap; z-index: 0; align-content: center; grid-column: 1 / span 3; grid-row: 1; } 
.catalogueImgPrd {max-width: 170px; height: auto; max-height: 80%; margin: auto; border-radius: 8px; display: block; padding-left: 4px; fill: var(--coul-catalogue-texte); white-space: nowrap; cursor: pointer; grid-column: 1; grid-row: 2 / span 3; } 
.descProduits {text-decoration: none; font-family: Trebuchet MS, sans-serif; color: #000000; font-weight: bold; margin: 12px auto auto 24px; display: block; padding-bottom: 2px; padding-top: 32px; padding-right: 2px; line-height: 1.2em; fill: #000000; bottom: 1px; overflow: visible; white-space: normal; grid-column: 1 / span 2; grid-row: 2; } 
.zoneAcheter {font-family: Trebuchet MS, sans-serif; font-style: italic; color: #6495ED; width: auto; max-width: 100%; height: auto; margin: auto auto auto 2px; border-color: var(--coul-catalogue-texte); border-bottom: 0; border-top: 0; border-left: 0; border-right: 0; display: flex; padding-bottom: 8px; padding-top: 8px; bottom: 99%; white-space: normal; justify-content: center; align-items: center; flex-wrap: wrap; gap: 6px; grid-column: 2; } 
.libCatalogueCell {text-align: right; color: var(--coul-catalogue-texte); height: auto; background: var(--coul-catalogue-fond); margin-bottom: 2px; margin-right: 0; margin-left: 0; display: block; padding: 2px; fill: var(--coul-catalogue-texte); overflow: initial; grid-column: 1; } 
.libCatalogue {background: var(--coul-catalogue-fond); margin: auto; display: inline; padding: 2px; fill: var(--coul-catalogue-texte); } 
.champsCatalogueCell {color: var(--coul-catalogue-texte); min-width: 25%; height: auto; background: var(--coul-catalogue-fond); margin: 2px 0; border-width: 0px; display: block; padding: 2px; fill: var(--coul-catalogue-texte); grid-column: 2; } 
.champsCatalogue {color: var(--coul-catalogue-texte); width: 80%; background: var(--coul-catalogue-fond); margin-top: auto; margin-right: auto; margin-left: auto; border-radius: 8px; border-color: var(--coul-global-texte); display: block; padding: 2px; fill: var(--coul-catalogue-texte); } 
.prix {text-align: left; font-family: Trebuchet MS, sans-serif; color: #000000; height: auto; margin: 24px 0 0 32px; border-width: 0px; display: inline; padding-bottom: 12px; padding-top: 12px; fill: #000000; overflow: visible; white-space: nowrap; grid-column: 2; } 
.prixRemise {text-align: left; color: #4169E1; font-weight: bold; background: var(--coul-catalogue-fond); margin: 0; border-color: var(--coul-global-texte); border-width: 0px; display: inline; padding: 2px; fill: #4169E1; overflow: visible; visibility: visible; white-space: nowrap; grid-column: 2; } 
.promos {color: var(--coul-catalogue-texte); background: var(--coul-global-fond); margin: 0; border-color: #000080; padding: 0; fill: var(--coul-catalogue-texte); 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: 0; border-radius: 8px; border: 1px solid var(--coul-global-texte); fill: var(--coul-catalogue-texte); overflow: auto; list-style-type: circle; white-space: nowrap; } 
.lignesCatalogue {color: #4169E1; width: 9%; height: 1px; margin: auto; border-color: #6495ED; border-width: 1px; border-top: 1px solid #6495ED; list-style-type: circle; visibility: hidden; white-space: nowrap; } 
#catalogueImgDiapo {text-align: left; color: var(--coul-catalogue-texte); border-radius: 8px; display: block; white-space: nowrap; grid-column: 1; grid-row: 2 / span 3; } 
#affRes {text-align: center; color: var(--coul-catalogue-texte); background: var(--coul-catalogue-fond); margin: 2px; display: block; padding: 2px; fill: var(--coul-catalogue-texte); 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: 32px; cursor: pointer; } 
.catGondoleImg4 {width: 30px; margin-bottom: 32px; } 
.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; color: var(--coul-global-texte); font-weight: bold; width: 100%; height: auto; display: block; padding: 2px; grid-column: 1 / span 2; } 
.tablePanier {width: 100%; height: auto; background: var(--coul-global-fond); margin: auto 4px 2px auto; border-color: #C0C0C0; display: grid; padding: 2px; position: relative; white-space: break-spaces; grid-template-columns: 70% 29%; grid-column: 1 / span 2; } 
#syntheseLignes {width: 80%; height: auto; margin: 0; 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; } 
.libPanierCell {text-align: center; width: 100%; height: auto; background: var(--coul-global-fond); margin: auto; border-radius: 0px; border: 1px solid var(--coul-commandes-texte); border-top: 0; border-left: 0; border-right: 0; display: block; line-height: 28px; visibility: visible; white-space: normal; } 
.libPanier {text-align: center; font-style: initial; color: var(--coul-global-texte); font-weight: bold; width: 100%; height: 20px; background: var(--coul-global-fond); vertical-align: middle; margin: auto; border-radius: 0px; border-color: var(--coul-global-texte); border-bottom: 0; border-top: 0; border-left: 0; border-right: 0; display: inline; padding: 4px; fill: var(--coul-global-texte); visibility: initial; white-space: normal; } 
.champsPanierCell {text-align: center; width: 100%; height: 70px; background: var(--coul-global-fond); vertical-align: middle; margin: auto; border: 1px solid #A9A9A9; border-bottom: 1px solid #A9A9A9; border-top: 0; border-left: 0; border-right: 0; display: block; padding: 4px; white-space: normal; } 
.champsPanier {text-align: center; color: #000000; width: 100%; height: auto; background: var(--coul-global-fond); vertical-align: middle; margin: auto; border-color: #A9A9A9; display: inline; padding: 0; fill: #000000; visibility: visible; white-space: normal; } 
#blocSynthese {text-align: center; color: #FFFFFF; width: 100%; height: 180px; min-height: 150px; background: #4169E1; vertical-align: top; margin: 0 auto 32px; border-radius: 4px; border-color: #ffffff; border-top: 0; border-left: 0; border-right: 0; display: block; padding-bottom: 4px; padding-top: 4px; padding-left: 4px; fill: #FFFFFF; grid-column: 2; grid-row: 1 / span 2; } 
.itemPanier {text-align: center; font-style: initial; color: #FFFFFF; font-weight: bold; width: 100%; height: 20px; background: transparent; vertical-align: middle; margin: 2px 0; border-radius: 0px; border-color: var(--coul-global-texte); border-bottom: 0; border-top: 0; border-left: 0; border-right: 0; display: block; padding: 4px 0; fill: #FFFFFF; visibility: initial; white-space: normal; } 
.panierLignes {color: #A9A9A9; width: 98%; height: 0px; margin: 4px; border: 1px solid #ffffff; border-bottom: 0.2px solid #ffffff; border-top: 0; border-left: 0; border-right: 0; display: block; padding: 0; line-height: 0px; fill: #A9A9A9; visibility: visible; } 
.listeDeroulantePanier {color: var(--coul-commandes-texte); background: var(--coul-commandes-fond); margin: 0; border-radius: 8px; border: 1px solid var(--coul-global-texte); fill: var(--coul-commandes-texte); visibility: visible; } 
.msgPanier {text-align: center; color: #4169E1; font-weight: bold; background: var(--coul-commandes-fond); margin: 2px; display: block; padding: 4px; white-space: normal; grid-column: 1 / span 3; } 
#recapContainer {text-align: left; color: var(--coul-commandes-texte); width: 100%; height: auto; vertical-align: middle; margin: auto auto 2px; display: flex; padding-bottom: 4px; padding-top: 4px; fill: var(--coul-commandes-texte); flex-direction: column; align-content: space-around; justify-content: space-between; justify-items: center; grid-template-columns: 10% 22% 16% 22% 13% 16%; column-gap: 5px; gap: 5px; grid-column: 1; } 
#panierConteneurItem {text-align: left; background: var(--coul-commandes-fond); vertical-align: middle; margin: auto; display: block; padding: 4px; visibility: visible; justify-content: center; justify-items: center; grid-template-columns: 1fr 1fr; grid-column: 1; } 
.blocItemPanier {text-align: center; color: var(--coul-commandes-texte); width: 95%; background: var(--coul-commandes-fond); vertical-align: middle; margin: 12px; border-radius: 4px; border: 1px solid #4f4a4a; display: block; padding: 12px; fill: var(--coul-commandes-texte); visibility: visible; flex-direction: column; justify-content: space-around; justify-items: center; } 
.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; padding: 10px 0px; position: sticky; bottom: 0; box-shadow: 0 -6px 10px -8px rgba(17,24,39,.25); z-index: 6; } 
.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: 12px; 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: 4px; } 
.recapLivImg {width: 40%; vertical-align: middle; } 
.recapComZone {width: 100%; margin: 4px auto auto; } 
.paypalForm {text-align: center; } 
.recapCommentaire {color: grey; max-width: 95%; border: 1px solid lightgrey; padding: 2px; } 
.recapAdrFact {margin-right: 0; margin-left: 0; } 
.recapBloc0 {text-align: center; width: 100%; margin: auto; border-top: 1px solid lightgrey; padding-top: 4px; } 
.recapAutresAchats {text-align: center; margin: 24px 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: 12px; 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: 12px auto auto; } 
.paypalBoutons {width: 55%; } 
.stripeForm {text-align: center; margin-bottom: 12px; } 
.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: 12px; margin-top: 12px; 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: 12px auto; border-radius: 4px; border: 1px solid grey; display: flex; padding: 12px; white-space: normal; flex-wrap: wrap; } 
.assistChoixGris {text-align: left; color: var(--coul-commandes-texte); font-weight: normal; background: lightgrey; } 
.assistChoix {text-align: left; color: var(--coul-commandes-texte); font-weight: normal; } 
.assistChoixCache {width: 30px; } 
.assistChoixCase {color: var(--coul-commandes-texte); } 
.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: 12px; } 
.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: var(--coul-commandes-fond); white-space: break-spaces; } 
.assistQteMin {color: red; white-space: break-spaces; } 
.assistSuivantZone {margin-bottom: 12px; margin-top: 12px; margin-left: 50px; } 
.assistSuivant {width: 100%; border: 0px none currentColor; padding: 2px; } 
.assistFinZone {margin-top: 24px; display: contents; padding: 8px; } 
.assistFinValider {width: 100%; margin: 24px auto auto; border: 0px none currentColor; padding: 4px; } 
.assistQteMoins {width: 30px; border-right: 1px solid lightgrey; padding-right: 12px; padding-left: 12px; cursor: pointer; } 
.assistQtePlus {width: 30px; border-left: 1px solid lightgrey; padding-right: 12px; padding-left: 12px; cursor: pointer; } 
.assistOptionImg {max-width: 32px; margin: auto; } 
.assistFenetre {opacity: 1; } 
.assistFenetreContenu {color: var(--coul-commandes-texte); 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: 2px; white-space: break-spaces; z-index: 3; } 
.assistPrdImgCadre {margin: 12px; } 
.assistPrdImgZone {z-index: 10; } 
.assistPrdImg {width: 150px; height: 150px; border-radius: 100%; } 
.assistOptionsForm {display: contents; } 
.assistValidZone {margin-top: 2px; display: flex; padding: 4px; } 
.assistDebug {text-align: left; color: var(--coul-commandes-texte); margin: 16px; 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: var(--coul-commandes-texte); } 
.option_defaut {background: var(--coul-commandes-fond); } 
#etapesContainer {text-align: center; width: 100%; height: 100%; margin: 4px; border-radius: 4px; border: 1px solid #E6E6FA; display: grid; align-content: center; justify-content: center; align-items: start; justify-items: stretch; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-column: 1 / span 2; } 
.champEtapesTodo {color: var(--coul-commandes-texte); background: #FFFFFF; margin-bottom: auto; display: block; fill: var(--coul-commandes-texte); } 
.champEtapesDone {color: #006400; background: var(--coul-commandes-fond); margin-bottom: auto; display: inline; fill: #006400; visibility: visible; } 
.assistQteCompteur {color: #4169E1; background: var(--coul-commandes-fond); 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%; margin: 0; border-radius: 4px; border-color: #7CA2FA; display: grid; padding: 24px; fill: var(--coul-clients-texte); overflow: auto; visibility: visible; align-content: center; justify-items: center; grid-template-columns: 10% 20% 15% 10% 20% 10% 10%; column-gap: 1px; grid-column: 1 / span 3; } 
.champsMesCdesCell {text-align: center; color: var(--coul-global-texte); height: auto; vertical-align: middle; margin: 4px 0 0; border: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; border-top: 0; border-left: 0; border-right: 0; display: block; line-height: 1.5em; fill: var(--coul-global-texte); top: 5px; visibility: visible; } 
.champsMesCdes {text-align: left; color: var(--coul-global-texte); width: 0%; height: 100%; background: var(--coul-global-fond); margin: 0; display: inline; fill: var(--coul-global-texte); visibility: visible; } 
.detailResponsiv {text-align: center; width: 98%; height: auto; background: #6495ED; margin: auto; border: 1px solid #778899; display: none; grid-column: 1 / span 7; } 
#optionForm {text-align: left; color: #000000; width: 100%; background: #FFFFFF; margin: 0; border: 1px solid #D3D3D3; display: flex; padding: 24px; fill: #000000; overflow: auto; visibility: visible; flex-direction: column; align-content: center; justify-items: center; } 
#optionTitre {text-align: center; color: var(--coul-commandes-texte); width: 100%; max-width: 100%; height: 100%; max-height: 100%; margin: 0; border-radius: 4px; border-color: #7CA2FA; fill: var(--coul-commandes-texte); overflow: auto; align-content: center; justify-items: center; grid-column: 1; } 
.descMenu {text-align: left; color: #f0e805; width: 100%; min-height: 20px; background: #050505; margin: auto; border-radius: 8px; padding: 24px; fill: #f0e805; } 
.libellesForm {text-align: center; color: #e8f812; font-weight: bold; background: var(--coul-global-fond); margin: 0; border-radius: 0px; padding: 4px; fill: #e8f812; overflow: auto; align-content: center; justify-items: center; } 
.divChamps {text-align: left; color: #000000; background: #FFFFFF; margin: 2px; border-color: #7CA2FA; border-bottom: 1px solid lightgrey; padding: 2px; fill: #000000; overflow: auto; align-content: center; justify-items: center; column-gap: 1px; } 
.titresInfos {text-decoration: none; text-align: left; font-family: Trebuchet MS, sans-serif; color: #6495ed; font-weight: bold; width: 100%; height: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-width: 0px; display: block; padding: 2px; fill: #6495ed; flex-basis: auto; grid-template-columns: 50% 50%; column-gap: 10px; grid-column: 1 / span 3; } 
.tableInfos {text-align: center; color: #000000; height: auto; border-radius: 8px; display: block; grid-column: 1 / span 2; } 
.msgInfos {text-align: left; font-family: Trebuchet MS, sans-serif; color: #000000; width: 80%; height: auto; background: transparent; margin: auto 80px auto auto; display: block; padding-bottom: 4px; padding-right: 4px; padding-left: 4px; position: relative; fill: #000000; white-space: normal; grid-column: 1 / span 2; } 
.libInfosCell {color: var(--coul-global-texte); height: auto; margin: 4px; border-radius: 4px; border: 1px solid #D3D3D3; border-bottom: 1px solid #D3D3D3; border-top: 1px solid #D3D3D3; border-left: 1px solid #D3D3D3; border-right: 1px solid #D3D3D3; display: block; padding: 4px 4px 4px 0; fill: var(--coul-global-texte); visibility: visible; white-space: normal; } 
.libInfos {font-family: Trebuchet MS, sans-serif; font-size: 14px; color: var(--coul-global-texte); font-weight: bold; height: auto; margin: auto 100px auto 0; padding: 8px; left: 50; fill: var(--coul-global-texte); white-space: break-spaces; } 
.champsInfosCell {color: var(--coul-global-texte); height: auto; margin-bottom: 2px; margin-top: 2px; margin-left: 0; display: inline; padding-bottom: 0; padding-right: 0; padding-left: 0; fill: var(--coul-global-texte); clear: right; visibility: visible; } 
.champsInfos {color: #000000; height: auto; margin: 0; border-color: var(--coul-global-texte); display: inline; padding: 4px; position: relative; } 
.lignesInfos {color: var(--coul-informations-texte); width: 0%; height: 1px; background: var(--coul-informations-fond); margin: 2px 0 0; fill: var(--coul-informations-texte); visibility: visible; } 
.infCarte {border: 0px none currentColor; } 
.pub-table {text-align: center; color: #F0FFFF; width: 100%; height: 100%; background: var(--coul-publicite-fond); vertical-align: middle; margin: auto; border-radius: 4px; border: 1px solid var(--coul-global-texte); display: block; padding: 4px; fill: #F0FFFF; box-shadow: 0 2px 8px rgba(17,24,39,.08); list-style-type: none; opacity: 0.9; visibility: visible; white-space: normal; z-index: 0; align-content: center; justify-content: center; align-items: center; } 
.pub-image
 {text-align: center; color: var(--coul-global-texte); max-width: 100%; height: auto; max-height: 98%; background: var(--coul-global-fond); vertical-align: middle; margin: auto; border-radius: 4px; border-color: var(--coul-global-texte); border-width: 0px; border-bottom: 0; border-top: 0; border-left: 0; border-right: 0; display: inline; padding: 0; position: static; fill: var(--coul-global-texte); list-style-type: circle; visibility: visible; white-space: nowrap; z-index: 0; grid-column: 1 / span 3; } 
.debug {color: var(--coul-global-texte); background: var(--coul-global-fond); margin: 0; border-radius: 4px; 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: #3F6FD6; font-weight: 600; width: 100%; height: 35px; background: #FFFFFF; margin: 8px 0px; border-radius: 999px; border: 1px solid #C9D7F5; display: flex; padding: 0px 16px; line-height: 1.2; fill: #3F6FD6; transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease; box-shadow: 0 1px 2px rgba(30,50,100,0.08); list-style-type: none; opacity: 1; visibility: visible; white-space: nowrap; z-index: 0; cursor: pointer; justify-content: center; align-items: center; } 
#btnAdminText {text-decoration: none; color: inherit; margin: 0; display: inline; fill: inherit; resize: both; list-style-type: none; white-space: nowrap; cursor: pointer; } 
#btnAdminIco {color: inherit; fill: inherit; resize: both; list-style-type: none; white-space: nowrap; cursor: pointer; } 
.icones {text-decoration: none; text-align: center; color: #d95e0d; max-width: 100%; vertical-align: middle; margin: 2px; } 
.iconesPpauxMenuDeroulant, .menuDeroulantItem>.fad, .menuDeroulantItem>.far {font-size: 1.8rem; color: #defdfd; vertical-align: middle; margin: 2px; border-radius: 8px; border-color: #000000; border-width: 0px; display: inline-block; padding: 2px; resize: inherit; white-space: nowrap; z-index: 2; cursor: pointer; } 
.familles-boite:hover ul, .familles-boite:hover #sousCat-container {color: var(--coul-global-texte); width: 100%; max-width: 100%; background: var(--coul-catalogue-fond); margin: auto; border-width: 0px; display: flex; padding: 12px; position: absolute; left: 120px; top: 3px; visibility: visible; white-space: nowrap; z-index: 5; flex-direction: column; align-content: center; justify-content: center; align-items: center; } 
#sousCat-container {text-align: center; background: var(--coul-catalogue-fond); margin: 2px; border-radius: 4px; display: none; padding: 12px; position: relative; left: 120px; text-transform: lowercase; top: 10px; list-style-type: none; white-space: nowrap; z-index: 5; } 
.admConnPage {width: 100%; min-height: 300px; background: var(--coul-global-fond); vertical-align: top; margin: auto; border-radius: 14px; top: 1px; white-space: break-spaces; } 
.option_pas_de_choix {background: lightgrey; } 
.option_quantite_vide {background: orange; } 
.option_selectionnee {background: #fbe3c1; } 
.pub-image {text-align: center; color: var(--coul-publicite-texte); max-width: 100%; background: #ffffff; vertical-align: middle; margin: auto; border-radius: 4px; border-color: var(--coul-publicite-texte); border-width: 0px; border-bottom: 0; border-top: 0; border-left: 0; border-right: 0; display: inline; padding: 0; visibility: visible; z-index: 0; grid-column: 1 / span 3; } 
.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: 8px; padding-top: 8px; flex-direction: column; gap: 12px; grid-column: 1 / -1; } 
.mcCarte {text-align: left; width: 100%; background: var(--coul-clients-fond); border-radius: 14px; border: 1px solid #e5e7eb; box-shadow: 0 2px 10px rgba(17,24,39,.06); overflow: hidden; } 
.mcEntete {text-align: left; width: 100%; background: transparent; border-style: none; display: flex; padding: 16px; transition: background-color .2s; cursor: pointer; align-items: center; flex-wrap: wrap; gap: 8px 18px; } 
.mcEntete:hover {background: #f3f7fe; } 
.mcNum {font-size: 1rem; color: var(--coul-clients-texte); font-weight: 700; } 
.mcDate {font-size: 0.9rem; color: var(--coul-clients-texte); } 
.mcTotal {font-size: 1.05rem; color: var(--coul-clients-texte); font-weight: 700; margin-left: auto; white-space: nowrap; } 
.mcChevron {color: var(--coul-clients-texte); transition: transform .2s; } 
.mcOuverte .mcChevron {transform: rotate(180deg); } 
.mcBadge {font-size: 0.8rem; color: #2f55b4; font-weight: 600; background: #eaf1fd; border-radius: 999px; display: inline-flex; padding: 4px 12px; white-space: nowrap; } 
.mcEtat-At, .mcEtat-Pn {color: #c2410c; background: #fff7ed; } 
.mcEtat-Py, .mcEtat-EP {color: #1d4ed8; background: #eff6ff; } 
.mcEtat-En {color: #2f55b4; background: #eaf1fd; } 
.mcEtat-Re {color: #047857; background: #ecfdf5; } 
.mcEtat-Pe, .mcEtat-An {color: #b91c1c; background: #fef2f2; } 
.mcEtat-Rb, .mcEtat-RT {color: var(--coul-clients-texte); background: var(--coul-clients-fond); } 
.mcDetail {text-align: left; border-top: 1px solid #eef0f4; display: none; padding: 4px 16px 16px; } 
.mcOuverte .mcDetail {display: block; } 
.mcLigne {text-align: left; border-bottom: 1px solid #f1f2f6; display: grid; padding-bottom: 12px; padding-top: 12px; align-items: center; grid-template-columns: minmax(0,1fr) auto auto; gap: 16px; } 
.mcPrd {text-align: left; color: var(--coul-clients-texte); font-weight: 600; white-space: normal; } 
.mcPrd a {text-decoration: none; color: var(--coul-clients-texte); } 
.mcPrd a:hover {text-decoration: underline; color: var(--coul-clients-texte); } 
.mcPrixHt {font-size: 0.82rem; color: var(--coul-clients-texte); font-weight: 400; display: block; } 
.mcQte {color: var(--coul-clients-texte); white-space: nowrap; } 
.mcMontant {text-align: right; color: var(--coul-clients-texte); font-weight: 600; min-width: 90px; white-space: nowrap; } 
.mcOption {text-align: left; font-size: 0.85rem; color: var(--coul-clients-texte); display: grid; padding-bottom: 8px; padding-top: 2px; padding-left: 16px; grid-template-columns: minmax(0,1fr) auto auto; gap: 16px; } 
.mcOption .fad {color: #10b981; } 
.mcRecap {font-size: 0.9rem; color: var(--coul-clients-texte); display: flex; padding-top: 12px; justify-content: flex-end; flex-wrap: wrap; gap: 6px 22px; } 
.mcRecapTotal {font-size: 1rem; color: var(--coul-clients-texte); font-weight: 700; } 
.mcPied {text-align: left; display: flex; padding-top: 16px; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; } 
.mcFacture {text-decoration: none; color: #2f55b4; font-weight: 600; background: #eaf1fd; border-radius: 8px; display: inline-flex; padding: 8px 16px; transition: background-color .2s; align-items: center; gap: 8px; } 
.mcFacture:hover {background: #e0e7ff; } 
.mcComment {text-align: left; font-style: italic; font-size: 0.9rem; color: var(--coul-clients-texte); white-space: normal; } 
.mcVide {text-align: center; color: var(--coul-clients-texte); width: 100%; display: flex; padding-bottom: 48px; padding-top: 48px; justify-content: center; } 
.qsnGrille {text-align: left; width: 100%; max-width: 1000px; margin: 24px auto; display: grid; align-items: stretch; grid-template-columns: repeat(auto-fit,minmax(300px,1fr)); gap: 24px; } 
.qsnFiche {background: var(--coul-informations-fond); border-radius: 14px; border: 1px solid #e5e7eb; padding: 24px 24px 16px; box-shadow: 0 2px 10px rgba(17,24,39,.06); } 
.qsnNom {text-align: left; font-size: 1.25rem; color: var(--coul-informations-texte); font-weight: 700; margin-bottom: 4px; border-bottom: 2px solid #eaf1fd; display: flex; padding-bottom: 12px; align-items: center; gap: 12px; } 
.qsnLigne {border-bottom: 1px solid #f1f2f6; display: flex; padding-bottom: 12px; padding-top: 12px; white-space: normal; align-items: center; gap: 12px; } 
.qsnIco {text-align: center; font-size: 0.95rem; color: #4169E1; width: 34px; min-width: 34px; height: 34px; background: #eaf1fd; border-radius: 8px; display: inline-flex; justify-content: center; align-items: center; } 
.qsnNom .qsnIco {color: #ffffff; background: linear-gradient(135deg,#4169E1,#6495ED); } 
.qsnLigne .libInfos, .qsnNom .libInfos {text-align: left; font-size: 0.9rem; color: var(--coul-informations-texte); min-width: 165px; background: transparent; padding: 0; } 
.qsnLigne .champsInfos, .qsnNom .champsInfos {color: var(--coul-informations-texte); font-weight: 600; padding: 0; } 
.qsnNom .champsInfos {color: var(--coul-informations-texte); font-weight: 700; } 
.qsnCarte {min-height: 340px; background: var(--coul-informations-fond); border-radius: 14px; border: 1px solid #e5e7eb; box-shadow: 0 2px 10px rgba(17,24,39,.06); 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: var(--coul-informations-fond); margin: 16px auto 24px; border-radius: 14px; border: 1px solid #e5e7eb; display: grid; padding: 24px; box-shadow: 0 2px 10px rgba(17,24,39,.06); grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); gap: 16px 18px; } 
.ctChamp {min-width: 0px; display: flex; flex-direction: column; gap: 6px; } 
.ctLarge {grid-column: 1 / -1; } 
.ctChamp .libInfos {text-align: left; font-size: 0.9rem; color: var(--coul-informations-texte); font-weight: 600; background: transparent; padding: 0; } 
.ctForm .ctInput {text-align: left; font-size: 0.95rem; color: var(--coul-informations-texte); width: 100%; background: var(--coul-informations-fond); border-radius: 8px; border: 1px solid #d1d5db; display: block; padding: 12px 16px; transition: border-color .2s, box-shadow .2s; } 
.ctForm .ctInput:focus {background: var(--coul-informations-fond); border-color: #6495ED; box-shadow: 0 0 0 3px rgba(100,149,237,.25); } 
.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: var(--coul-informations-texte); max-width: 680px; margin-right: auto; margin-left: auto; display: block; line-height: 1.6; } 
.cdvTexte {text-align: left; color: var(--coul-informations-texte); width: 100%; max-width: 820px; background: var(--coul-informations-fond); margin: 16px auto 24px; border-radius: 14px; border: 1px solid #e5e7eb; display: block; padding: 24px 32px 32px; line-height: 1.7; box-shadow: 0 2px 10px rgba(17,24,39,.06); white-space: normal; } 
.cdvTexte [id] {font-size: 1rem !important; color: var(--coul-informations-texte); background: transparent !important; } 
.cdvTexte b {font-size: 1.08rem; color: var(--coul-informations-texte); font-weight: 700; margin-bottom: 8px; margin-top: 24px; border-left: 4px solid #6495ED; display: block; padding-left: 12px; line-height: 1.4; } 
.cdvTexte a {text-decoration: underline; color: var(--coul-informations-texte); } 
.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: var(--coul-commandes-texte); font-weight: 700; display: flex; padding-bottom: 4px; padding-top: 8px; justify-content: center; grid-column: 1 / -1; } 
.mrListe {text-align: left; width: 100%; display: grid; grid-template-columns: repeat(auto-fill,minmax(320px,1fr)); gap: 14px; grid-column: 1 / -1; } 
.mrCarte {text-align: left; background: var(--coul-commandes-fond); border-radius: 14px; border: 1px solid #e5e7eb; display: flex; padding: 16px; transition: border-color .2s, box-shadow .2s; box-shadow: 0 2px 10px rgba(17,24,39,.06); cursor: pointer; align-items: flex-start; gap: 14px; } 
.mrCarte:hover {border-color: #a5b4fc; } 
.mrCarte:has(input:checked) {background: #f3f7fe; border-color: #4169E1; box-shadow: 0 0 0 3px rgba(100,149,237,.25); } 
.mrPhoto {width: 104px; min-width: 104px; height: 104px; background: var(--coul-commandes-fond); border-radius: 14px; overflow: hidden; } 
.mrCarte img.mrPhoto {display: block; } 
.mrPhotoVide {font-size: 2rem; color: #a5b4fc; 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: var(--coul-commandes-texte); font-weight: 700; text-transform: capitalize; } 
.mrDistance {font-size: 0.8rem; color: #2f55b4; font-weight: 600; background: #eaf1fd; margin-right: auto; border-radius: 999px; display: inline-flex; padding: 4px 8px; align-items: center; gap: 5px; } 
.mrAdresse {font-size: 0.88rem; color: var(--coul-commandes-texte); line-height: 1.45; } 
.mrLocalisation {font-style: italic; color: var(--coul-commandes-texte); } 
.mrHoraires {font-size: 0.85rem; color: var(--coul-commandes-texte); } 
.mrHoraires summary {color: var(--coul-commandes-texte); font-weight: 600; cursor: pointer; } 
.mrGrilleHoraires {text-align: left; color: var(--coul-commandes-texte); display: grid; padding-top: 8px; grid-template-columns: auto 1fr; gap: 2px 10px; } 
.mrSansHoraires {font-size: 0.82rem; color: #9ca3af; } 
.mrChoix {color: var(--coul-commandes-texte); 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 {width: 100%; min-height: 320px; background: var(--coul-catalogue-fond); 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: 0; transition: transform .3s; } 
.fpImageCadre:hover img.fpImage {transform: scale(1.03); } 
.fpZoom {width: 36px; height: 36px; background: var(--coul-catalogue-fond); border-radius: 999px; display: flex; position: absolute; bottom: 12px; right: 12px; box-shadow: 0 2px 8px rgba(17,24,39,.15); justify-content: center; align-items: center; } 
.fpVignettes {display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; } 
.fpVignette {width: 72px; height: 72px; background: var(--coul-catalogue-fond); border-radius: 8px; border: 2px solid #e5e7eb; transition: border-color .2s; cursor: pointer; } 
.fpVignette:hover {border-color: #a5b4fc; } 
.fpVignette.fpActive {border-color: #4169E1; } 
.mmListe {text-align: left; width: 100%; max-width: 780px; margin: 12px auto 24px; display: grid; grid-template-columns: repeat(auto-fill,minmax(230px,1fr)); gap: 12px; } 
.mmCarte {text-align: left; background: var(--coul-informations-fond); border-radius: 14px; border: 1px solid #e5e7eb; display: flex; padding: 16px; box-shadow: 0 2px 8px rgba(17,24,39,.05); align-items: center; flex-wrap: wrap; gap: 12px 14px; } 
.mmIco {text-align: center; font-size: 1.3rem; color: #4169E1; width: 46px; min-width: 46px; height: 46px; background: #eaf1fd; border-radius: 14px; display: inline-flex; overflow: hidden; justify-content: center; align-items: center; } 
.mmIco img {max-width: 32px; max-height: 32px; } 
.mmLib {font-size: 0.98rem; color: var(--coul-informations-texte); font-weight: 600; white-space: normal; } 
.mmCartes {width: 100%; display: flex; padding-left: 60px; flex-wrap: wrap; gap: 6px; } 
.mmCartes img {height: 26px; background: var(--coul-informations-fond); border-radius: 4px; border: 1px solid #e5e7eb; padding: 2px 4px; } 
.accM4Conteneur.rayGrille {text-align: center; font-style: normal; width: 100%; max-width: 960px; min-height: 0px; background: transparent; margin: 16px 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: var(--coul-global-fond); border-radius: 14px; border: 1px solid #e5e7eb; display: flex; transition: transform .2s, box-shadow .2s; box-shadow: 0 2px 10px rgba(17,24,39,.06); overflow: hidden; flex-direction: column; } 
.rayCarte:hover {border-color: #c4d6f7; transform: translateY(-3px); box-shadow: 0 10px 24px rgba(17,24,39,.12); } 
.rayImageCadre {height: 170px; background: var(--coul-global-fond); display: flex; overflow: hidden; justify-content: center; align-items: center; } 
.rayCarte img.rayImage {width: 100%; max-width: 100%; height: 100%; background: transparent; margin: 0; border-radius: 0px; border-style: none; padding: 0; 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: var(--coul-global-texte); font-weight: 700; background: transparent; margin: 0; border-style: none; display: block; padding: 12px 12px 16px; } 
.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: 16px; } 
.familles-boite:hover {text-align: center; background: #F3F7FE; border-color: #6495ED; box-shadow: 0 4px 12px rgba(100,149,237,0.25); } 
#btnAdmin:hover {text-align: center; color: #FFFFFF; background: #6495ED; border-color: #6495ED; fill: #FFFFFF; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(100,149,237,0.30); } 
.actifBtnPromo .txtBarrePromo, .actifBtnPromo .iconeBarrePromo {text-align: center; color: #FFFFFF; fill: #FFFFFF; } 
.gondole-container:has(> .tableCatalogue) {text-align: center; margin: 12px 0px; display: grid; padding: 4px; align-items: stretch; justify-items: center; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; } 
.gondole-container > .tableCatalogue {text-align: center; width: 100%; max-width: 300px; height: auto; background: #FFFFFF; margin: 0px; border-radius: 14px; border: 1px solid #E3EAF7; display: flex; padding: 16px; transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease; box-shadow: 0 2px 8px rgba(30,50,100,0.08); overflow: hidden; flex-direction: column; } 
.gondole-container > .tableCatalogue:hover {text-align: center; border-color: #C9D7F5; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(30,50,100,0.14); } 
.gondole-container > .tableCatalogue > div.catalogueImgPrd {text-align: center; width: 100%; max-width: 100%; height: 200px; max-height: 200px; background: #F6F8FC; margin: 0px 0px 14px; border-radius: 10px; display: flex; padding: 8px; justify-content: center; align-items: center; } 
.gondole-container > .tableCatalogue img.catalogueImgPrd {text-align: center; width: auto; max-width: 100%; height: auto; max-height: 184px; margin: auto; border-radius: 8px; padding: 0px; } 
.gondole-container > .tableCatalogue > .titresPrd {font-size: 1rem; color: #2F5BB7; margin: 0px 0px 6px; padding: 0px; line-height: 1.3; white-space: normal; } 
.gondole-container > .tableCatalogue .descProduits {text-align: center; font-size: 0.85rem; color: #4B5563; font-weight: normal; margin: 0px; padding: 0px; line-height: 1.4; } 
.gondole-container > .tableCatalogue > .gdPrix {font-size: 1.15rem; color: #1F2937; font-weight: 700; margin-top: auto; padding-top: 14px; } 
.gondole-container > .tableCatalogue .prix {text-align: center; font-size: 0.85rem; color: #6B7280; font-weight: normal; margin: 0px; display: inline; padding-bottom: 0px; padding-top: 0px; } 
.gondole-container > .tableCatalogue > .zoneAcheter {text-align: center; font-style: normal; font-size: 0px; width: 100%; height: auto; margin: 12px 0px 0px; display: flex; padding-bottom: 0px; padding-top: 0px; justify-content: center; } 
.gondole-container > .tableCatalogue > .zoneAcheter > .boutons {text-align: center; font-size: 0.8rem; } 
.gondole-container > .tableCatalogue > .msgCatalogue {text-align: center; font-size: 0.85rem; margin: 10px 0px 0px; padding: 0px; } 
#inscCli1 #tablePages {width: auto; max-width: 640px; height: auto; background: #FFFFFF; margin: 20px auto 30px; border-radius: 16px; border: 1px solid #E3EAF7; display: block; padding: 24px 24px 28px; box-shadow: 0 4px 16px rgba(30,50,100,0.08); } 
#inscCli1 .titresCli {text-decoration: none; font-size: 1.4rem; color: #2F5BB7; margin-bottom: 4px; margin-top: 0px; padding: 0px; fill: #2F5BB7; } 
#inscCli1 .titresCli a {text-decoration: none; text-align: center; color: #2F5BB7; } 
#inscCli1 #tablePages > span {font-size: 0.85rem; margin-bottom: 14px; display: block; } 
#inscCli1 #tableCli {text-align: center; width: 100%; background: transparent; display: flex; padding: 0px; flex-direction: column; align-items: stretch; row-gap: 4px; } 
#inscCli1 .libClientsCell {text-align: left; background: transparent; margin: 10px 0px 0px; padding: 0px; } 
#inscCli1 .libClients {text-align: left; font-size: 0.85rem; color: #374151; font-weight: 600; background: transparent; padding: 0px; } 
#inscCli1 .champsCliCell {text-align: center; background: transparent; margin: 0px; display: flex; padding: 0px; align-items: center; column-gap: 8px; } 
#inscCli1 .champsCli {text-align: center; font-size: 0.95rem; color: #111827; width: 100%; min-width: 0px; max-width: 100%; height: 42px; background: #FFFFFF; margin: 0px; border-radius: 10px; border: 1px solid #D1D9E6; padding: 0px 12px; transition: border-color 0.15s ease, box-shadow 0.15s ease; box-shadow: none; } 
#inscCli1 .listeDeroulanteCli {text-align: center; font-size: 0.95rem; color: #111827; min-width: 120px; height: 42px; background: #FFFFFF; border-radius: 10px; border: 1px solid #D1D9E6; padding: 0px 12px; transition: border-color 0.15s ease, box-shadow 0.15s ease; box-shadow: none; } 
#inscCli1 .champsCli:focus, #inscCli1 .listeDeroulanteCli:focus {text-align: center; border-color: #6495ED; box-shadow: 0 0 0 3px rgba(100,149,237,0.20); } 
#inscCli1 input.champsCli[type="checkbox"] {text-align: center; width: 18px; min-width: 18px; height: 18px; box-shadow: none; } 
#inscCli1 .cliLignes {text-align: center; height: 0px; background: transparent; margin-bottom: 0px; margin-top: 16px; border-top: 1px solid #EEF2F7; } 
#inscCli1 .cliCdvVoir {text-align: center; margin-bottom: 0px; margin-top: 12px; } 
#inscCli1 .cliCdvAccepter {text-align: center; background: #F6F8FC; margin-top: 10px; border-radius: 10px; display: flex; padding: 10px 12px; line-height: 1.3; justify-content: center; align-items: center; column-gap: 10px; } 
#inscCli1 #tablePages > .boutons {text-align: center; font-size: 1rem; color: #FFFFFF; width: 100%; height: 44px; background: #3F6FD6; margin-top: 20px; border-color: #3F6FD6; display: flex; justify-content: center; align-items: center; } 
#inscCli1 #tablePages > .boutons:hover {text-align: center; color: #FFFFFF; background: #2F5BB7; border-color: #2F5BB7; } 
.itemBarrePromo a, .itemBarrePromo a:hover, .itemBarrePromo .txtBarrePromo, .itemBarrePromo .iconeBarrePromo {text-align: center; font-style: normal; color: inherit; } 
.itemBarrePromo:hover {text-align: center; color: #FFFFFF; background: #6495ED; border-color: #6495ED; fill: #FFFFFF; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(100,149,237,0.30); } 
#pageConnexion:has(> #barreClientContainer) {text-align: center; width: auto; max-width: 600px; height: auto; background: #FFFFFF; margin: 20px 12px 30px; border-radius: 16px; border: 1px solid #E3EAF7; display: flex; padding: 24px 16px; box-shadow: 0 4px 16px rgba(30,50,100,0.08); overflow: hidden; flex-direction: column; align-items: center; } 
#pageConnexion > .messageConnect {text-align: center; font-size: 0.9rem; color: #4B5563; font-weight: normal; max-width: 100%; margin: 0px 0px 6px; display: block; padding: 0px; line-height: 1.5; fill: #4B5563; overflow: hidden; white-space: normal; } 
#pageConnexion > .messageConnect:first-child {text-align: center; font-size: 1.2rem; color: #2F5BB7; font-weight: 600; margin-bottom: 10px; fill: #2F5BB7; } 
#pageConnexion > #barreClientContainer {text-align: center; font-size: 0px; width: 100%; max-width: 100%; height: auto; background: transparent; margin: 16px 0px 0px; display: flex; padding: 0px; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; } 
#pageConnexion > #barreClientContainer > .boutons {text-align: center; font-size: 0.8rem; min-width: 0px; max-width: 100%; margin: 5px; overflow: hidden; white-space: nowrap; flex-basis: auto; } 
#pageConnexion > #barreClientContainer > #btnAdmin {text-align: center; font-size: 0.8rem; margin: 10px 5px 0px; flex-basis: 100%; } 
#menuD-container #menuDeroulantBarre {text-align: center; background: #6495ED; border-radius: 12px; padding: 4px; box-shadow: 0 2px 8px rgba(30,50,100,0.12); justify-content: space-around; } 
#menuD-container .menuDeroulantItem {text-align: center; font-style: normal; background: transparent; border-radius: 10px; border-bottom: 0; padding: 6px 10px; transition: background 0.15s ease, color 0.15s ease; } 
#menuD-container .menuDeroulantItem:hover {text-align: center; background: rgba(255,255,255,0.18); border-bottom: 0; } 
#menuD-container .textePpauxMenuDeroulant, #menuD-container .iconesPpauxMenuDeroulant, #menuD-container .menuDeroulantItem:hover > span > * {text-align: center; font-style: normal; background: transparent; } 
#menuD-container .textePpauxMenuDeroulant {text-align: center; font-weight: 600; } 
#menuD-container .menuDeroulantItem:hover > ul {text-align: center; width: auto; min-width: 220px; max-width: 320px; background: #FFFFFF; margin-top: 0px; border-radius: 12px; border: 1px solid #E3EAF7; display: block; padding: 8px; position: absolute; left: 50%; transform: translateX(-50%); top: 100%; box-shadow: 0 10px 30px rgba(30,50,100,0.18); z-index: 20; } 
#menuD-container .sousMenuItem {text-align: left; font-style: normal; color: #1F2937; background: transparent; margin: 0px; border-radius: 8px; border-width: 0px; display: flex; padding: 9px 12px; fill: #1F2937; transition: background 0.15s ease, color 0.15s ease; white-space: nowrap; cursor: pointer; align-items: center; column-gap: 10px; } 
#menuD-container .sousMenuItem:hover {text-align: center; color: #2F5BB7; background: #EEF3FD; border-width: 0px; fill: #2F5BB7; } 
#menuD-container .sousMenuBarre .sousMenuItem > *, #menuD-container .sousMenuBarre:hover > .sousMenuItem > span > * {text-align: center; color: inherit; font-weight: 500; margin: 0px; padding: 0px; fill: inherit; } 
#menuD-container .sousMenuIcones {text-align: center; color: #3F6FD6; width: 20px; fill: #3F6FD6; } 
#menuD-container .sousMenuTexte {text-align: center; color: inherit; width: auto; fill: inherit; } 
#menuD-container #menuPnMsg {text-align: left; font-size: 0.8rem; color: #2F5BB7; font-weight: 600; margin-top: 6px; border-top: 1px solid #EEF2F7; display: block; padding: 8px 12px 2px; white-space: normal; } 
#menuD-container #menuPnMsg:empty {text-align: center; display: none; } 
#menuD-container #menuPnMsg > .sousMenuItem {text-align: center; font-size: 0.8rem !important; color: #4B5563; font-weight: normal; background: transparent; display: block !important; padding: 3px 0px; white-space: normal !important; cursor: default; } 
#menuD-container:has(> #top-nav:checked) {text-align: center; background: rgba(15,23,42,0.45); z-index: 50; } 
#menuD-container:has(> #top-nav:checked) #menuDeroulantBarre {text-align: center; width: auto; max-width: none; max-height: 85vh; background: #FFFFFF; margin: 0px; border-radius: 14px; display: block; padding: 8px; position: absolute; left: 12px; top: 52px; right: 12px; box-shadow: 0 10px 30px rgba(15,23,42,0.25); overflow: auto; } 
#menuD-container:has(> #top-nav:checked) .menuDeroulantItem {text-align: left; width: auto; background: transparent; margin-bottom: 2px; margin-top: 0px; display: block; padding: 8px 10px; } 
#menuD-container:has(> #top-nav:checked) .menuDeroulantItem:hover {text-align: center; background: #F6F8FC; } 
#menuD-container:has(> #top-nav:checked) .textePpauxMenuDeroulant, #menuD-container:has(> #top-nav:checked) .iconesPpauxMenuDeroulant {text-align: center; color: #1F2937; fill: #1F2937; } 
#menuD-container:has(> #top-nav:checked) .iconesPpauxMenuDeroulant {text-align: center; font-size: 1.3rem; color: #3F6FD6; fill: #3F6FD6; } 
#menuD-container:has(> #top-nav:checked) .sousMenuBarre, #menuD-container:has(> #top-nav:checked) .menuDeroulantItem:hover > ul {text-align: center; width: auto; min-width: 0px; max-width: none; height: auto; background: transparent; margin: 4px 0px 0px 28px; border-width: 0px; display: block; padding: 0px; position: static; left: auto; transform: none; top: auto; box-shadow: none; } 
#pageConnexion:has(.admAcces) {text-align: center; width: auto; min-width: 0px; max-width: 560px; background: #FFFFFF; margin: 20px auto 30px; border-radius: 16px; border: 1px solid #E3EAF7; padding: 24px 20px; box-shadow: 0 4px 16px rgba(30,50,100,0.08); overflow: hidden; } 
#pageConnexion .admStatut {text-align: center; max-width: 100%; overflow: hidden; white-space: normal; justify-content: center; flex-wrap: wrap; } 
#pageConnexion .admBoutons #btnAdmin {text-align: center; color: #FFFFFF; height: 42px; background: #3F6FD6; margin: 0px; border-radius: 999px; border-color: #3F6FD6; fill: #FFFFFF; } 
#pageConnexion .admBoutons #btnAdmin:hover {text-align: center; color: #FFFFFF; background: #2F5BB7; border-color: #2F5BB7; } 
#pageConnexion .admBoutons .admBtnTest {text-align: center; color: #3F6FD6; height: 42px; background: #FFFFFF; border-radius: 999px; border: 1px solid #C9D7F5; fill: #3F6FD6; box-shadow: 0 1px 2px rgba(30,50,100,0.08); } 
#pageConnexion .admBoutons .admBtnTest:hover {text-align: center; color: #FFFFFF; background: #6495ED; border-color: #6495ED; fill: #FFFFFF; } 
#modifCli #tablePages {text-align: left; width: auto; max-width: 640px; height: auto; background: #FFFFFF; margin: 20px auto 30px; border-radius: 16px; border: 1px solid #E3EAF7; display: block; padding: 24px 24px 28px; box-shadow: 0 4px 16px rgba(30,50,100,0.08); } 
#modifCli .titresCli {text-decoration: none; text-align: center; font-size: 1.4rem; color: #2F5BB7; margin-bottom: 4px; margin-top: 0px; padding: 0px; fill: #2F5BB7; } 
#modifCli .titresCli a {text-decoration: none; text-align: center; color: #2F5BB7; } 
#modifCli #tablePages > span {text-align: center; font-size: 0.85rem; margin-bottom: 14px; display: block; } 
#modifCli #tableCli {text-align: center; width: 100%; background: transparent; display: flex; padding: 0px; flex-direction: column; align-items: stretch; row-gap: 4px; } 
#modifCli .libClientsCell {text-align: left; background: transparent; margin: 10px 0px 0px; padding: 0px; } 
#modifCli .libClients {text-align: left; font-size: 0.85rem; color: #374151; font-weight: 600; background: transparent; padding: 0px; fill: #374151; } 
#modifCli .champsCliCell {text-align: center; background: transparent; margin: 0px; display: flex; padding: 0px; align-items: center; column-gap: 8px; } 
#modifCli .champsCli {text-align: center; font-size: 0.95rem; color: #111827; width: 100%; min-width: 0px; max-width: 100%; height: 42px; background: #FFFFFF; margin: 0px; border-radius: 10px; border: 1px solid #D1D9E6; padding: 0px 12px; transition: border-color 0.15s ease, box-shadow 0.15s ease; box-shadow: none; } 
#modifCli .listeDeroulanteCli {text-align: center; font-size: 0.95rem; color: #111827; min-width: 120px; height: 42px; background: #FFFFFF; border-radius: 10px; border: 1px solid #D1D9E6; padding: 0px 12px; transition: border-color 0.15s ease, box-shadow 0.15s ease; box-shadow: none; } 
#modifCli .champsCli:focus, #modifCli .listeDeroulanteCli:focus {text-align: center; border-color: #6495ED; box-shadow: 0 0 0 3px rgba(100,149,237,0.20); } 
#modifCli input.champsCli[type="checkbox"] {text-align: center; width: 18px; min-width: 18px; height: 18px; box-shadow: none; } 
#modifCli .cliLignes {text-align: center; height: 0px; background: transparent; margin-bottom: 0px; margin-top: 16px; border-top: 1px solid #EEF2F7; } 
#modifCli .cliCdvVoir {text-align: center; margin-bottom: 0px; margin-top: 12px; } 
#modifCli .cliCdvAccepter {text-align: center; background: #F6F8FC; margin-top: 10px; border-radius: 10px; display: flex; padding: 10px 12px; line-height: 1.3; justify-content: center; align-items: center; column-gap: 10px; } 
#modifCli #tablePages > .boutons {text-align: center; font-size: 1rem; color: #FFFFFF; width: 100%; height: 44px; background: #3F6FD6; margin-top: 20px; border-color: #3F6FD6; display: flex; fill: #FFFFFF; justify-content: center; align-items: center; } 
#modifCli #tablePages > .boutons:hover {text-align: center; color: #FFFFFF; background: #2F5BB7; border-color: #2F5BB7; } 
#modifCli #tableCli > .boutons {text-align: center; font-size: 1rem; color: #FFFFFF; width: 100%; height: 44px; background: #3F6FD6; margin-bottom: 0px; margin-top: 20px; border-color: #3F6FD6; display: flex; fill: #FFFFFF; justify-content: center; align-items: center; } 
#modifCli #tableCli > .boutons:hover {text-align: center; color: #FFFFFF; background: #2F5BB7; border-color: #2F5BB7; } 
#modifCli #tableCli > .boutons ~ .boutons {text-align: center; color: #3F6FD6; background: #FFFFFF; margin-top: 10px; border-color: #C9D7F5; fill: #3F6FD6; } 
#modifCli #tableCli > .boutons ~ .boutons:hover {text-align: center; color: #FFFFFF; background: #6495ED; border-color: #6495ED; fill: #FFFFFF; } 
#modifCli #ongletBarre {text-align: center; width: 100%; height: auto; background: #F1F5FB; margin: 8px 0px 16px; border-radius: 12px; border: 1px solid #E3EAF7; padding: 4px; list-style-type: none; align-items: stretch; column-gap: 4px; row-gap: 4px; } 
#modifCli #ongletBarre li {text-align: center; width: 100%; min-width: 0px; height: auto; background: transparent; margin: 0px; border-radius: 9px; border-width: 0px; padding: 0px; transition: background 0.15s ease, box-shadow 0.15s ease; } 
#modifCli #ongletBarre li:hover {text-align: center; background: rgba(63,111,214,0.08); } 
#modifCli #ongletBarre a {text-decoration: none; text-align: center; font-size: 0.9rem; color: #4B5563; font-weight: 600; height: 100%; background: transparent; display: flex; padding: 10px 12px; line-height: 1.25; fill: #4B5563; white-space: normal; justify-content: center; align-items: center; column-gap: 8px; } 
#modifCli #ongletBarre a:hover {text-align: center; color: #2F5BB7; background: transparent; fill: #2F5BB7; } 
#modifCli #ongletBarre a u {text-decoration: none; text-align: center; } 
#modifCli #ongletBarre .icones {text-align: center; color: #3F6FD6; fill: #3F6FD6; } 
#modifCli #ongletBarre #ongActv {text-align: center; background: #FFFFFF; box-shadow: 0 1px 3px rgba(30,50,100,0.15); } 
#modifCli #ongletBarre #txtActv {text-align: center; color: #2F5BB7; fill: #2F5BB7; } 
.titresInfos:is(h1), .titresCli:is(h1), .panierTitre:is(h1) {text-align: center; font-size: 1.5rem; color: #2F5BB7; font-weight: 700; width: auto; margin: 8px 0px 20px; display: block; padding: 0px; line-height: 1.25; fill: #2F5BB7; } 
.titresInfos:is(h1) span.titresInfos, .titresInfos:is(h1) a, .titresCli:is(h1) span.titresCli, .titresCli:is(h1) a, .panierTitre:is(h1) span.panierTitre, .panierTitre:is(h1) a {text-decoration: none; text-align: center; font-size: inherit; color: inherit; margin: 0px; padding-bottom: 0px; padding-top: 0px; } 
.tableInfos > .msgInfos {text-align: center; font-size: 0.95rem; color: #374151; width: auto; max-width: 760px; margin: 0px auto 20px; line-height: 1.6; } 
#menuD-container > #menuDeroulantBarre {text-align: center; width: 100%; margin-right: 0px; margin-left: 0px; } 
#tablePages:has(> #blocSynthese) {text-align: center; display: grid; padding: 0px; align-items: start; justify-items: stretch; grid-template-columns: minmax(0, 1fr); column-gap: 20px; row-gap: 16px; } 
#tablePages:has(> #blocSynthese) > #etapesContainer {text-align: center; grid-column: 1 / -1; grid-row: 1; } 
#tablePages:has(> #blocSynthese) > h1.panierTitre {text-align: center; grid-column: 1 / -1; grid-row: 2; } 
#tablePages:has(> #blocSynthese) > .tablePanier {text-align: center; width: 100%; background: #FFFFFF; margin: 0px; border-radius: 16px; border: 1px solid #E3EAF7; padding: 16px; box-shadow: 0 4px 16px rgba(30,50,100,0.08); grid-column: 1; grid-row: 3; } 
#tablePages:has(> #blocSynthese) > #blocSynthese {text-align: left; color: #1F2937; width: 100%; max-width: 420px; height: auto; min-height: 0px; background: #FFFFFF; margin: 0px 0px 0px auto; border-radius: 16px; border: 1px solid #E3EAF7; padding: 16px; position: static; fill: #1F2937; box-shadow: 0 4px 16px rgba(30,50,100,0.08); grid-column: 1; grid-row: 4; } 
#blocSynthese h1.panierTitre {text-align: center; font-size: 1.1rem; color: #2F5BB7; margin-bottom: 10px; margin-top: 0px; fill: #2F5BB7; } 
#blocSynthese .titresPanier {text-align: center; font-size: 0.9rem; color: #4B5563; display: block; fill: #4B5563; } 
#tablePages:has(> #blocSynthese) .msgKo {text-align: center; font-size: 0.9rem; color: #B91C1C; background: #FEF2F2; margin-top: 8px; border-radius: 10px; border: 1px solid #FECACA; display: inline-block; padding: 10px 14px; white-space: normal; } 
#tablePages #etapesContainer {text-align: center; width: auto; height: auto; background: #F1F5FB; margin: 0px; border-radius: 12px; border: 1px solid #E3EAF7; display: flex; padding: 6px; justify-content: center; align-items: center; flex-wrap: wrap; column-gap: 6px; row-gap: 6px; } 
#tablePages #etapesContainer .champEtapesTodo, #tablePages #etapesContainer .champEtapesDone {text-align: center; font-size: 0.8rem; color: #6B7280; font-weight: 600; background: transparent; border-radius: 999px; display: inline-flex; padding: 6px 12px; white-space: nowrap; align-items: center; } 
#tablePages #etapesContainer .champEtapesDone {text-align: center; color: #15803D; fill: #15803D; } 
#tablePages #etapesContainer .etapeCourante {text-align: center; color: #FFFFFF; background: #3F6FD6; box-shadow: 0 1px 3px rgba(30,50,100,0.20); } 
#tablePages #etapesContainer .etapeCourante .icones {text-align: center; color: #FFFFFF; fill: #FFFFFF; } 
#page-container #tablePages:has(> #blocSynthese) {text-align: center; display: grid; align-items: start; justify-items: stretch; grid-template-columns: minmax(0, 1fr); column-gap: 0px; row-gap: 16px; } 
#page-container #tablePages:has(> #blocSynthese) > .tablePanier:has(> #syntheseLignes.notInResponsive) {text-align: center; display: contents; } 
#page-container #tablePages:has(> #blocSynthese) #syntheseLignes.notInResponsive {text-align: center; width: 100%; background: #FFFFFF; border-radius: 16px; border: 1px solid #E3EAF7; padding: 16px; box-shadow: 0 4px 16px rgba(30,50,100,0.08); grid-column: 1; grid-row: 3; } 
#page-container #tablePages:has(> #blocSynthese) .panBoutons {text-align: center; margin: 0px; padding: 0px; grid-column: 1/-1!important; grid-row: 5; } 
#blocSynthese:has(> .titresPanier) {text-align: center; display: none; } 
#blocSynthese .itemPanier {text-align: center; color: #374151; font-weight: 500; height: auto; margin-bottom: 0px; margin-top: 0px; border-bottom: 1px solid #EEF2F7; padding: 8px 4px; fill: #374151; } 
#blocSynthese .itemPanier:last-child {text-align: center; font-size: 1.05rem; color: #2F5BB7; font-weight: 700; border-bottom: 0px; fill: #2F5BB7; } 
#syntheseLignes .champsPanierCell {text-align: center; height: auto; border-style: none; padding: 8px 4px; } 
#syntheseLignes .libPanier {text-align: center; height: auto; } 
#syntheseLignes .panierLignes {text-align: center; margin-bottom: 4px; margin-top: 4px; border-bottom: 1px solid #E3EAF7; } 
.panLigneNom > .champsPanierCell:first-child {text-align: center; flex-basis: 200%; } 
.panEnteteTab > .libPanierCell:nth-child(1) {text-align: center; flex-basis: 120%; } 
.panEnteteTab > .libPanierCell:nth-child(2) {text-align: center; flex-basis: 200%; } 
.catPrdBloc:has(> #catalogueImgDiapo.fpGalerie) {text-align: center; width: 100%; max-width: 680px; margin-right: auto; margin-left: auto; align-items: start; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto auto auto auto 1fr; column-gap: 32px; row-gap: 0px; } 
.catPrdBloc:has(> #catalogueImgDiapo.fpGalerie) > .titresPrd {text-align: left; font-size: 1.6rem; color: #2F5BB7; margin: 0px 0px 16px; line-height: 1.3; grid-column: 1/-1; grid-row: 1; } 
.catPrdBloc:has(> #catalogueImgDiapo.fpGalerie) > #catalogueImgDiapo {text-align: center; margin-bottom: 16px; grid-column: 1; grid-row: 2 / span 4; } 
.catPrdBloc:has(> #catalogueImgDiapo.fpGalerie) > .descProduits {text-align: center; font-size: 0.95rem; color: #374151; font-weight: normal; margin: 0px 0px 16px; padding: 0px; line-height: 1.55; grid-column: 2; grid-row: 2; } 
.fpDesc article span {text-align: center; font-size: inherit!important; } 
.fpDesc article p {text-align: center; margin-bottom: 12px; margin-top: 0px; } 
.fpDesc article p:last-child {text-align: center; margin-bottom: 0px; } 
.catPrdBloc:has(> #catalogueImgDiapo.fpGalerie) > .fpPrix {font-size: 1.25rem; color: #2F5BB7; font-weight: bold; margin-bottom: 16px; grid-column: 2; grid-row: 3; } 
.fpPrix > .prix {text-align: center; font-size: 1rem; color: #374151; font-weight: normal; width: auto; margin-top: 0px; margin-left: 0px; display: inline; } 
.catPrdBloc:has(> #catalogueImgDiapo.fpGalerie) > .zoneAcheter {text-align: left; width: auto; height: auto; margin: 0px 0px 24px; display: block; grid-column: 2; grid-row: 4; } 
.catPrdBloc:has(> #catalogueImgDiapo.fpGalerie) > .catPrdItem {text-align: center; background: #F6F8FC; margin-bottom: 0px; margin-top: 24px; border-radius: 16px 16px 0 0; border-bottom: 1px solid #E3EAF7; border-top: 1px solid #E3EAF7; border-left: 1px solid #E3EAF7; border-right: 1px solid #E3EAF7; padding: 12px 16px; } 
.catPrdBloc:has(> #catalogueImgDiapo.fpGalerie) > .catPrdItem #ongletBarre {text-align: center; width: auto; margin: 0px; border-bottom: 0; border-top: 0; border-left: 0; border-right: 0; display: flex; padding: 0px; } 
.catPrdBloc:has(> #catalogueImgDiapo.fpGalerie) > .catPrdItem #ongletBarre li {text-align: center; height: auto; background: #FFFFFF; margin: 0px 8px 0px 0px; border-radius: 999px; border-bottom: 1px solid #E3EAF7; border-top: 1px solid #E3EAF7; border-left: 1px solid #E3EAF7; border-right: 1px solid #E3EAF7; padding: 0px; } 
.catPrdBloc:has(> #catalogueImgDiapo.fpGalerie) > .catPrdItem #ongletBarre li:hover {text-align: center; background: #EAF0FB; border-bottom: 1px solid #E3EAF7; } 
.catPrdBloc:has(> #catalogueImgDiapo.fpGalerie) > .catPrdItem #ongletBarre a {text-decoration: none; text-align: center; font-size: 0.9rem; color: #2F5BB7; font-weight: 600; padding: 6px 16px; } 
.catPrdBloc:has(> #catalogueImgDiapo.fpGalerie) > .catPrdItem #ongletBarre a:hover {text-align: center; color: #2F5BB7; background: transparent; fill: #2F5BB7; } 
.catPrdBloc:has(> #catalogueImgDiapo.fpGalerie) > .libCatalogueCell {text-align: left; font-size: 0.95rem; color: #6B7280; font-weight: normal; background: #FFFFFF; margin: 0px -32px 0px 0px; border-bottom: 1px solid #EEF2F7; border-left: 1px solid #E3EAF7; padding: 10px 0px 10px 20px; } 
.catPrdBloc:has(> #catalogueImgDiapo.fpGalerie) > .champsCatalogueCell {font-size: 0.95rem; color: #1F2937; font-weight: 600; width: auto; min-width: 0px; background: #FFFFFF; margin: 0px; border-bottom: 1px solid #EEF2F7; border-right: 1px solid #E3EAF7; padding: 10px 20px 10px 0px; } 
.catPrdBloc:has(> #catalogueImgDiapo.fpGalerie) > .libCatalogueCell .libCatalogue {text-align: center; color: inherit; background: transparent; margin: 0px; display: inline; padding: 0px; } 
.catPrdBloc:has(> #catalogueImgDiapo.fpGalerie) > .champsCatalogueCell .champsCatalogue {text-align: center; color: inherit; width: auto; background: transparent; margin: 0px; border-radius: 0px; display: inline; padding: 0px; } 
.catPrdBloc:has(> #catalogueImgDiapo.fpGalerie) > .libCatalogueCell:nth-last-child(2) {text-align: center; margin-bottom: 24px; border-radius: 0 0 0 16px; border-bottom: 1px solid #E3EAF7; } 
.catPrdBloc:has(> #catalogueImgDiapo.fpGalerie) > .champsCatalogueCell:last-child {text-align: center; margin-bottom: 24px; border-radius: 0 0 16px 0; border-bottom: 1px solid #E3EAF7; } 
.gondole-container > .tableCatalogue > .zoneAcheter .msgCde {text-align: center; font-style: normal; font-size: 0.9rem; color: #6B7280; font-weight: 600; background: #F3F4F6; border-radius: 999px; border: 1px solid #E5E7EB; display: inline-block; padding: 6px 14px; } 
.catPrdBloc:has(> #catalogueImgDiapo.fpGalerie) > .zoneAcheter .msgCde {text-align: center; font-style: normal; font-size: 0.9rem; color: #6B7280; font-weight: 600; background: #F3F4F6; border-radius: 999px; border: 1px solid #E5E7EB; display: inline-block; padding: 6px 14px; fill: #6B7280; } 
.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);  }}