@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap'); 
@import url('https://fonts.googleapis.com/css2?family=BhuTuka+Expanded+One&family=Dancing+Script&family=Hubballi&family=Kalam:wght@300&family=Monoton&family=Nothing+You+Could+Do&family=Pacifico&family=Permanent+Marker&family=Righteous&display=swap'); 
@import url('https://fonts.googleapis.com/css2?family=Aclonica&family=Amatic+SC&family=Assistant:wght@200&family=Audiowide&family=Bungee+Inline&family=Cabin+Sketch&family=Cairo:wght@200&family=Caveat&family=Coda&family=Cormorant+Garamond:wght@300&family=Grand+Hotel&family=Handlee&family=Henny+Penny&family=Indie+Flower&family=Italianno&family=Itim&family=Lemon&family=Mali:wght@200&family=Markazi+Text&family=Merienda&family=Noto+Serif+Display:wght@100&family=Patrick+Hand&family=Petit+Formal+Script&family=Philosopher&family=Playball&family=Playfair+Display&family=Rye&family=Sansita+Swashed:wght@300&family=Satisfy&family=Shadows+Into+Light&family=Smooch+Sans:wght@100&family=Tangerine&display=swap'); 
* { box-sizing: border-box;} 
#site-container {text-align: center; width: 100%; max-width: 1000px; height: 100%; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-radius: 20px; border-color: #FFFFFF; border-width: 0px; border-top: 0; border-right: 0; display: grid; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; resize: initial; top: 0px; visibility: visible; white-space: nowrap; background-size: cover; align-content: start; justify-content: space-evenly; align-items: start; justify-items: start; grid-template-columns: 20% 20% 20% 20% 20%; grid-column-gap: 0px; } 
#header-container {text-align: center; color: #F0F8FF; width: 100%; max-width: 1400px; max-height: 100%; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-color: #98FB98; border-width: 0px; display: grid; padding-bottom: 5px; padding-top: 5px; padding-right: 5px; padding-left: 5px; position: relative; line-height: 40px; fill: #F0F8FF; top: -15px; z-index: 4; background-size: cover; align-content: start; justify-content: space-between; align-items: stretch; justify-items: initial; grid-column-gap: 0px; grid-row-gap: 0px; grid-gap: 0px; grid-column: 1 / span 5; grid-row: 1; } 
#header-containerImg {text-align: center; color: #F0F8FF; width: 100%; max-width: 100%; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-style: none; display: grid; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; fill: #F0F8FF; background-image:url('../../Design/_titre/titre_du_site.png');background-repeat: no-repeat; background-size: auto; grid-column: 1 / span 5; grid-row: 1; } 
#menuD-container {text-align: center; color: #F0F8FF; width: 100%; max-width: 100%; background: #4e9ed082; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-radius: 20px; display: flex; fill: #F0F8FF; top: 120px; clear: both; z-index: 4; justify-content: center; align-items: center; grid-column: 1 / span 5; grid-row: 2; } 
#bandeau-container {text-align: center; color: #F0F8FF; width: 100%; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-color: #F0F8FF; display: block; padding-bottom: 3px; padding-top: 3px; padding-right: 3px; padding-left: 3px; fill: #F0F8FF; background-size: auto; grid-column: 1 / span 5; grid-row: auto; } 
#container-usrSiteMsg {text-align: center; color: #F0F8FF; width: 100%; height: auto; background: #4e9ed0; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-radius: 3px; border-color: #FF00FF; border-width: 0px; display: block; padding-bottom: 5px; padding-top: 5px; padding-right: 5px; padding-left: 5px; fill: #F0F8FF; overflow: auto; white-space: break-spaces; align-content: center; grid-column: 1 / span 5; grid-row: 5; } 
#menuIndep-container {text-align: center; color: #F0F8FF; width: 90%; height: auto; background: #4e9ed0; vertical-align: top; margin-bottom: 30px; margin-top: -70px; margin-right: 20px; margin-left: auto; border-color: #fbff0a; border-width: 0px; display: block; padding-bottom: 3px; padding-top: 3px; padding-right: 3px; padding-left: 3px; position: relative; left: 20px; fill: #F0F8FF; top: 60px; clear: both; z-index: 1; cursor: inherit; grid-column: 0; grid-row: 0; } 
#page-container {text-align: center; width: 100%; height: 100%; background: #4e9ed082; vertical-align: top; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-color: #ff8040; border-width: 0px; display: block; padding-bottom: 3px; padding-top: 3px; padding-right: 3px; padding-left: 3px; position: relative; z-index: 0; flex-direction: row; flex-basis: auto--; flex-wrap: wrap; grid-column: 1 / span 5; grid-row: 6 / span 2; } 
#pub-container {text-align: center; color: #F0F8FF; width: 100%; height: 100%; background: #4e9ed0; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-color: #ffffff; display: flex; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; fill: #F0F8FF; white-space: normal; z-index: 2; flex-direction: row; align-content: center; justify-content: center; align-items: center; flex-wrap: wrap; grid-column: 1 / span 5; grid-row: 8; } 
#body {text-decoration: none; text-align: center; font-family: Trebuchet MS, sans-serif; font-size: 1rem; color: #F0F8FF; width: 100%; height: auto; background: #FFFFFF; vertical-align: top; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; fill: #F0F8FF; align-content: center; } 
#tablePages {text-align: left; width: 99%; height: 100%; min-height: 250px; background: #4e9ed0; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-color: #8A2BE2; display: grid; resize: both; text-transform: none; clear: none; align-content: start; justify-content: center; align-items: start; justify-items: center; grid-template-columns: 50% 50%; grid-gap: 3px; } 
#bodyImg {text-decoration: none; text-align: center; font-size: 1rem; width: 100%; height: 100%; background: #4e9ed0; vertical-align: top; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; padding-bottom: 20px; padding-top: 20px; padding-right: 20px; padding-left: 20px; background-image:url('../../Design/_fonds/fonds_3.jpg');background-repeat: no-repeat; background-size: cover; align-content: center; } 
.pageNavigation {text-align: center; color: #F0F8FF; width: 100%; background: #4e9ed0; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; display: grid; padding-bottom: 4px; padding-top: 4px; padding-right: 4px; padding-left: 4px; fill: #F0F8FF; text-transform: none; align-content: center; grid-template-columns: 50% 50%; grid-column: 1 / span 3; } 
a {text-decoration: none; color: #000000; height: auto; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; fill: #000000; } 
.a:link {color: #F0F8FF; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; fill: #F0F8FF; } 
.a:visited {color: #F0F8FF; max-height: 60%; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; fill: #F0F8FF; align-content: center; justify-content: center; } 
a:hover {text-decoration: none; color: #0000FF; height: auto; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; fill: #0000FF; cursor: pointer; } 
.icones {text-decoration: none; text-align: center; color: #FFFFFF; height: auto; vertical-align: middle; margin-bottom: 2px; margin-top: 2px; margin-right: 2px; margin-left: 2px; fill: #FFFFFF; } 
.boutons {text-decoration: none; text-align: center; font-family: Trebuchet MS, sans-serif; color: #FFFFFF; min-width: 100px; height: auto; background: #2e5aac; vertical-align: middle; margin-bottom: 8px; margin-top: 5px; margin-right: auto; margin-left: auto; border-radius: 20px; border-color: #FFA07A; border-width: 0px; display: inline; padding-bottom: 5px; padding-top: 5px; padding-right: 5px; padding-left: 5px; fill: #FFFFFF; resize: none; clear: none; white-space: nowrap; cursor: pointer; align-content: center; justify-content: center; align-items: center; } 
.boutons:hover {background: #6495ED; margin-right: auto; margin-left: auto; border-radius: 20px; cursor: pointer; } 
.message {text-align: center; color: #F0F8FF; background: #4e9ed0; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; display: block; padding-bottom: 4px; padding-top: 4px; padding-right: 4px; padding-left: 4px; line-height: 1.4em; fill: #F0F8FF; text-transform: none; clear: both; white-space: normal; align-content: center; grid-column: 1 / span 3; } 
.msgOk {color: #FFFFFF; height: auto; background: #0000FF; margin-bottom: 0px; margin-top: auto; margin-right: 0px; margin-left: 0px; border-radius: 3px; border-style: solid; border-color: #006400; border-width: 1px; display: block; padding-bottom: 2px; padding-top: 2px; padding-right: 2px; padding-left: 2px; fill: #FFFFFF; overflow: auto; white-space: normal; grid-column: 1 / span 2; } 
.msgKo {color: #FFFFFF; height: auto; background: #FF7F50; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-radius: 3px; border-color: #A52A2A; display: block; padding-bottom: 5px; padding-top: 5px; padding-right: 5px; padding-left: 5px; fill: #FFFFFF; text-transform: none; overflow: auto; white-space: normal; } 
.input:focus {margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-color: #2D2300; } 
.hidden {text-align: center; width: 0px; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; display: none; } 
#messCom {text-align: center; font-family: Lemon, cursive;; color: #F0F8FF; width: 100%; height: auto; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; padding-bottom: 10px; padding-top: 10px; padding-right: 10px; padding-left: 10px; fill: #F0F8FF; white-space: normal; } 
.onlyInResponsive {text-align: center; display: none; } 
.mdpIco {text-align: center; color: #0000FF; height: auto; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; fill: #0000FF; } 
.propuls {text-align: center; font-size: 0.9rem; color: #556B2F; height: auto; margin-bottom: auto; margin-top: 10px; margin-right: auto; margin-left: auto; border-style: solid; border-color: #DCDCDC; border-width: 1px; border-bottom: 0; border-top: 1px solid #DCDCDC; border-left: 0; border-right: 0; fill: #556B2F; } 
#eCol1 {text-align: center; color: #F0F8FF; height: 100%; vertical-align: middle; display: block; fill: #F0F8FF; visibility: visible; white-space: nowrap; z-index: 4; grid-column: 1; grid-row: 1; } 
#eCol2 {color: #F0F8FF; height: 100%; display: block; padding-top: 30px; fill: #F0F8FF; white-space: normal; z-index: 4; grid-column: 2; grid-row: 1; } 
#eCol3 {text-align: center; color: #F0F8FF; height: 100%; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; display: block; fill: #F0F8FF; z-index: 4; flex-direction: row; grid-column: 3; grid-row: 1; } 
#eCol4 {text-align: center; color: #F0F8FF; height: 100%; vertical-align: middle; border-style: none; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; fill: #F0F8FF; z-index: 4; flex-direction: column; grid-column: 5; grid-row: 1 / span 2; } 
#eCol5 {text-align: center; color: #F0F8FF; height: 100%; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; display: block; fill: #F0F8FF; z-index: 4; flex-direction: row; grid-column: 5; grid-row: 1 / span 2; } 
#rechBarre-container {text-align: center; color: #FFFFFF; width: 100%; vertical-align: middle; margin-bottom: 10px; margin-top: 10px; margin-right: 10px; margin-left: 10px; border-width: 0px; border-top: 0; border-left: 0; border-right: 0; display: block; position: relative; fill: #FFFFFF; visibility: visible; white-space: nowrap; background-size: cover; flex-direction: row; grid-column: 1 / span 5; grid-row: 3; } 
#logo {text-align: center; width: 100%; max-width: 100px; height: 100%; max-height: 100px; background: #4e9ed0; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-radius: 100%; white-space: normal; z-index: 100; } 
#itemMaint {text-align: center; color: #F0F8FF; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-radius: 7px; border-color: #F0F8FF; border-width: 0px; padding-bottom: 10px; padding-top: 10px; padding-right: 10px; padding-left: 10px; fill: #F0F8FF; white-space: normal; z-index: 1; } 
#iconeMaint {color: #F0F8FF; width: 50px; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-color: #F0F8FF; border-width: 0px; display: inline; fill: #F0F8FF; white-space: normal; z-index: 1; } 
#msgMaint {text-align: center; color: #000000; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-radius: 7px; border-style: none; border-color: #F0F8FF; border-width: 1px; display: block; padding-bottom: 10px; padding-top: 10px; padding-right: 10px; padding-left: 10px; fill: #000000; opacity: .9; white-space: normal; z-index: 1; } 
#player {text-align: center; color: #F0F8FF; font-weight: bold; height: 15px; background: #FFFFFF; vertical-align: middle; margin-bottom: 2px; margin-top: 2px; margin-right: 2px; margin-left: 2px; border-radius: 7px; display: inline-block; padding-bottom: 3px; padding-top: 3px; padding-right: 3px; padding-left: 3px; line-height: 15px; fill: #F0F8FF; right: 20px; box-shadow: 2px 2px 4px 0px #006773; cursor: pointer; } 
#player:hover {text-align: center; color: #ADD8E6; border-color: #ADD8E6; fill: #ADD8E6; box-shadow: 15px 15px 20px ; cursor: pointer; } 
#devise {text-align: center; color: #F0F8FF; height: 17px; background: #4e9ed0; vertical-align: middle; margin-bottom: 2px; margin-top: 2px; margin-right: 2px; margin-left: 2px; border-radius: 7px; display: inline-block; padding-bottom: 3px; padding-top: 0px; padding-right: 0px; padding-left: 3px; line-height: 17px; fill: #F0F8FF; } 
.drapeaux {text-align: center; vertical-align: top; border-radius: 7px; display: inline; padding-bottom: 2px; padding-top: 2px; padding-right: 2px; padding-left: 2px; position: relative; text-shadow: 1em 1em 0.1em #D8D8D8; top: 0px; box-shadow: 2px 2px 4px 0px #006773; clear: both; } 
.drapeaux:hover {text-align: center; color: #F0F8FF; fill: #F0F8FF; cursor: pointer; } 
.bandeauImg {text-decoration: none; text-align: center; max-width: 90%; vertical-align: top; margin-bottom: 15px; margin-top: 15px; margin-right: 15px; margin-left: 15px; border-radius: 0px; display: inline; position: relative; resize: none; text-transform: none; background-repeat: initial; flex-basis: auto---; align-content: center; } 
#imgTitre {text-decoration: none; text-align: center; font-family: Lemon, cursive;; color: #F0F8FF; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; padding-top: 30px; fill: #F0F8FF; resize: none; text-transform: none; overflow: visible; white-space: normal; background-repeat: initial; flex-basis: 100%; align-content: center; grid-column: 2; } 
#un {color: #FFD700; font-weight: bold; background: #FFFF00; margin-bottom: auto; margin-right: auto; margin-left: 19px; 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: 0px; display: inline; padding-bottom: 10px; 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-bottom: 0px; margin-top: 0px; margin-right: auto; margin-left: 1px; border-color: #000000; display: block; padding-top: 2px; padding-right: 2px; padding-left: 10px; position: relative; fill: #FF0000; resize: none; animation: 5s theLogo; text-transform: capitalize; visibility: visible; } 
#pdp-container {text-align: center; font-size: 1.2rem; color: #F0F8FF; font-weight: bold; width: 100%; height: auto; background: #4e9ed054; vertical-align: top; margin-bottom: 0px; margin-top: 1px; margin-right: auto; margin-left: auto; border-style: none; border-color: #F0F8FF; border-width: 2px; display: block; padding-bottom: 5px; padding-top: 5px; padding-right: 5px; padding-left: 5px; position: sticky; fill: #F0F8FF; bottom: -220px; white-space: normal; grid-column: 1 / span 5; grid-row: 9; } 
#pdpBarre {text-align: center; color: #F0F8FF; height: auto; background: #4e9ed0; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-style: none; border-color: #F0F8FF; border-width: 1px; border-top: 1 none #D3D3D3; display: block; padding-bottom: 10px; padding-top: 10px; padding-right: 10px; padding-left: 10px; fill: #F0F8FF; white-space: normal; } 
.pdpItem {text-align: center; color: #A9A9A9; height: 35px; vertical-align: middle; margin-bottom: 3px; margin-top: 3px; margin-right: 3px; margin-left: 3px; border-radius: 7px; border-color: #D3D3D3; display: inline; padding-bottom: 3px; padding-top: 3px; padding-right: 3px; padding-left: 3px; line-height: 35px; fill: #A9A9A9; white-space: normal; } 
.pdpIcone {text-align: center; color: #F0F8FF; width: 28px; height: 28px; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-radius: 7px; border-color: #D3D3D3; display: inline; line-height: 25px; fill: #F0F8FF; } 
.pdpTxt {text-align: center; color: #FFFFFF; height: 35px; max-height: 35px; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-radius: 7px; border-color: #D3D3D3; display: inline; padding-bottom: 5px; padding-top: 5px; padding-right: 5px; padding-left: 5px; line-height: 35px; fill: #FFFFFF; white-space: normal; } 
.whatsapp-barre {text-align: right; font-size: 1.4rem; color: #F0F8FF; max-height: 1px; vertical-align: middle; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; display: block; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; fill: #F0F8FF; } 
#menuDeroulantBarre {text-align: center; width: 100%; max-width: 100%; height: auto; vertical-align: middle; display: flex; resize: none; z-index: 2; background-size: auto; flex-direction: row; flex-basis: fit-content----; align-content: space-between; justify-content: space-between; align-items: center; } 
.menuDeroulantItem {text-decoration: none; text-align: center; color: #FFFFFF; width: 20%; height: auto; vertical-align: middle; display: block; position: relative; fill: #FFFFFF; resize: none; visibility: visible; white-space: nowrap; z-index: 2; cursor: pointer; } 
.textePpauxMenuDeroulant {text-decoration: none; text-align: center; font-family: Jazz LET, fantasy; font-size: 1.2rem; color: #FFFFFF; font-weight: bold; height: auto; vertical-align: middle; margin-bottom: 1px; margin-top: 1px; margin-right: 1px; margin-left: 1px; border-width: 0px; padding-bottom: 1px; padding-top: 1px; padding-right: 1px; padding-left: 1px; position: relative; fill: #FFFFFF; resize: none; text-transform: capitalize; visibility: visible; white-space: nowrap; z-index: 2; cursor: pointer; } 
.iconesPpauxMenuDeroulant, .menuDeroulantItem>.fad, .menuDeroulantItem>.far {text-align: center; font-size: 1.8rem; color: #FFFFFF; height: auto; vertical-align: middle; margin-bottom: 1px; margin-top: 1px; margin-right: 1px; margin-left: 1px; border-radius: 7px; border-color: #000000; border-width: 0px; display: inline-block; padding-bottom: 1px; padding-top: 1px; padding-right: 1px; padding-left: 1px; fill: #FFFFFF; resize: inherit; white-space: nowrap; z-index: 2; cursor: pointer; } 
.menuDeroulantItem:hover,menuDeroulantItem:focus {text-decoration: none; color: #F0F8FF; height: auto; background: #4e9ed0; vertical-align: middle; border-style: solid; border-color: #FFFFFF; border-width: 1px; border-bottom: 0; border-top: 0; border-left: 0; border-right: 0; display: block; fill: #F0F8FF; 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: #F0F8FF; height: auto; background: #4e9ed0; vertical-align: middle; margin-bottom: auto; margin-right: auto; margin-left: auto; fill: #F0F8FF; resize: none; visibility: visible; white-space: nowrap; z-index: 2; cursor: pointer; } 
.menuDeroulantItem:hover > ul,menuDeroulantItem:focus > ul {color: #1E90FF; height: auto; background: #FFFFFF; margin-bottom: auto; margin-top: 0px; margin-right: auto; margin-left: auto; border-radius: 3px; border-color: #FFA07A; display: block; padding-bottom: 2px; padding-top: 2px; padding-right: 2px; padding-left: 2px; position: absolute; fill: #1E90FF; z-index: 3; } 
.sousMenuBarre {text-decoration: none; text-align: center; color: #F0F8FF; vertical-align: top; margin-bottom: auto; margin-top: 0px; margin-right: auto; margin-left: auto; border-radius: 3px; display: none; padding-bottom: 2px; padding-top: 2px; padding-right: 2px; padding-left: 2px; position: absolute; fill: #F0F8FF; list-style-type: none; opacity: 1; visibility: visible; white-space: nowrap; z-index: 3; } 
.sousMenuItem {text-decoration: none; text-align: left; height: auto; background: #4e9ed0; vertical-align: middle; margin-bottom: 2px; margin-top: 2px; margin-right: 2px; margin-left: 2px; border-bottom: 0; border-top: 0; border-left: 0; border-right: 0; display: block; padding-bottom: 2px; padding-top: 2px; padding-right: 2px; padding-left: 2px; list-style-type: none; z-index: 3; } 
.sousMenuIcones {text-align: left; color: #FFFFFF; height: auto; background: #4e9ed0; vertical-align: middle; margin-bottom: 2px; margin-top: 2px; margin-right: 2px; margin-left: 2px; display: inline; padding-bottom: 2px; padding-top: 2px; padding-right: 2px; padding-left: 2px; position: relative; fill: #FFFFFF; resize: inherit; list-style-type: circle; visibility: inherit; white-space: nowrap; z-index: 3; cursor: pointer; } 
.sousMenuTexte {text-decoration: none; text-align: left; color: #FFFFFF; width: 100%; height: auto; background: #4e9ed0; vertical-align: middle; margin-bottom: 2px; margin-top: 2px; margin-right: 2px; margin-left: 2px; display: inline; padding-bottom: 2px; padding-top: 2px; padding-right: 2px; padding-left: 2px; position: relative; fill: #FFFFFF; list-style-type: none; white-space: nowrap; z-index: 3; } 
.sousMenuItem:hover {text-decoration: none; color: #FFFFFF; height: auto; background: #1E90FF; margin-bottom: 2px; margin-top: 2px; margin-right: 2px; margin-left: 2px; border-color: #FFFFFF; padding-bottom: 2px; padding-top: 2px; padding-right: 2px; padding-left: 2px; fill: #FFFFFF; cursor: pointer; } 
.sousMenuItem:hover>* {text-decoration: none; color: #FFFFFF; height: auto; background: #1E90FF; margin-bottom: 2px; margin-top: 2px; margin-right: 2px; margin-left: 2px; border-color: #FFFFFF; padding-bottom: 2px; padding-top: 2px; padding-right: 2px; padding-left: 2px; fill: #FFFFFF; cursor: pointer; } 
.sousMenuBarre:hover>.sousMenuItem,.sousMenuBarre:hover>.sousMenuItem>span>* {text-decoration: none; height: auto; margin-bottom: 2px; margin-top: 2px; margin-right: 2px; margin-left: 2px; padding-bottom: 2px; padding-top: 2px; padding-right: 2px; padding-left: 2px; list-style-type: none; } 
#menuD-container> .top-nav-label .open-close-menu {text-decoration: none; color: #F5F5DC; height: auto; background: #6495ED; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; fill: #F5F5DC; } 
#menuD-container> .top-nav-label .open-close-menu::before,
#menuD-container> .top-nav-label .open-close-menu::after {text-decoration: none; height: auto; background: #6495ED; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; } 
#familles-container {text-align: left; color: #F0F8FF; width: 100%; height: 100%; background: #4e9ed0; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-radius: 3px; border-style: none; border-color: #ffeaff; border-width: 1px; display: block; padding-bottom: 4px; padding-top: 4px; padding-right: 4px; padding-left: 4px; fill: #F0F8FF; overflow: visible; list-style-type: none; visibility: visible; white-space: nowrap; z-index: 1; } 
.familles-boite {text-align: left; color: #F0F8FF; background: #4e9ed0; vertical-align: middle; margin-bottom: 1px; margin-top: 5px; margin-right: 1px; margin-left: 1px; border-style: solid; border-color: #D3D3D3; border-width: 1px; border-bottom: 1px solid #D3D3D3; border-top: 0; border-left: 0; border-right: 0; display: block; padding-bottom: 2px; padding-top: 2px; padding-right: 2px; padding-left: 2px; position: relative; line-height: 28px; fill: #F0F8FF; list-style-type: none; opacity: 1; visibility: visible; white-space: normal; } 
.familles-libelle {text-align: left; color: #FFFFFF; width: 50%; height: 28px; background: #4e9ed0; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-color: #F0F8FF; display: inline; padding-bottom: 2px; padding-top: 4px; padding-right: 2px; padding-left: 4px; line-height: 28px; fill: #FFFFFF; resize: none; text-transform: inherit; top: 0px; opacity: 1; visibility: visible; white-space: normal; cursor: pointer; align-content: center; } 
.familles-img {text-align: center; width: 30px; height: 30px; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-color: #F0F8FF; border-bottom: 0; border-top: 0; border-left: 0; border-right: 0; display: inline; list-style-type: none; opacity: 1; white-space: nowrap; cursor: pointer; } 
.familles-boite:hover ul, .familles-boite:hover #categories-container {color: #F0F8FF; width: 100%; max-width: 100%; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-width: 0px; display: table; position: absolute; left: 110px; fill: #F0F8FF; top: 0px; opacity: 1; visibility: visible; white-space: nowrap; z-index: 5; flex-direction: column; } 
#categories-container {text-align: center; height: auto; margin-bottom: 1px; margin-top: 1px; margin-right: 1px; margin-left: 1px; display: none; padding-bottom: 6px; padding-top: 6px; padding-right: 6px; padding-left: 6px; position: absolute; left: 50px; text-transform: lowercase; top: -7px; overflow: visible; list-style-type: none; white-space: nowrap; z-index: 5; } 
.categories-boite {text-align: center; width: 100%; height: auto; background: #4e9ed0; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-radius: 0px; border-style: solid; border-color: #A9A9A9; border-width: 1px; border-bottom: 1px solid #A9A9A9; border-top: 0; border-left: 0; border-right: 0; display: grid; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; overflow: visible; clear: both; z-index: 5; flex-direction: column; grid-template-columns: auto auto; } 
.categoriesItems {text-decoration: none; text-align: left; color: #F0F8FF; width: 90%; background: #4e9ed0; vertical-align: top; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; border-radius: 7px; border-color: #F0FFFF; border-width: 0px; display: inline; padding-bottom: 4px; padding-top: 4px; padding-right: 4px; padding-left: 4px; fill: #F0F8FF; float: left; resize: none; text-transform: capitalize; list-style-type: none; visibility: visible; white-space: nowrap; z-index: 5; cursor: pointer; grid-column: 1; grid-row: 1; } 
.categoriesImages {text-align: right; color: #F0F8FF; width: 30px; height: 30px; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-radius: 7px; border-color: #FAEBD7; display: block; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; fill: #F0F8FF; top: 0px; right: 0px; list-style-type: circle; visibility: visible; white-space: nowrap; z-index: 5; grid-column: 2; grid-row: 1; } 
#promos-container {text-align: center; color: #FFFAFA; height: auto; vertical-align: top; margin-bottom: 15px; margin-top: auto; margin-right: auto; margin-left: auto; fill: #FFFAFA; text-transform: none; overflow: initial; flex-direction: row; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 5px; } 
.itemBarrePromo {text-align: center; color: #6495ED; height: auto; background: #FFFFFF; vertical-align: middle; margin-bottom: auto; margin-top: 10px; margin-right: 10px; margin-left: auto; border-radius: 20px; border-width: 0px; padding-bottom: 10px; padding-top: 10px; padding-right: 10px; padding-left: 10px; fill: #6495ED; white-space: nowrap; cursor: pointer; } 
.txtBarrePromo {text-align: center; color: #87CEFA; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-style: none; padding-bottom: 3px; padding-top: 0px; padding-right: 1px; padding-left: 1px; fill: #87CEFA; } 
.iconeBarrePromo {text-align: center; color: #FFFAFA; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; padding-bottom: 1px; padding-top: 1px; padding-right: 1px; padding-left: 1px; fill: #FFFAFA; } 
#rechItem {color: #F0F8FF; background: #FFFFFF; vertical-align: middle; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; border-style: solid; border-color: #6b61b8; border-width: 1px; display: inline; fill: #F0F8FF; list-style-type: circle; visibility: visible; white-space: nowrap; } 
#rechInput {text-align: center; color: #F0F8FF; min-width: 30%; max-width: 80%; height: auto; background: #FFFFFF; vertical-align: middle; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; border-radius: 7px; border-style: solid; border-color: #D3D3D3; border-width: 1px; display: inline-block; padding-bottom: 3px; padding-top: 3px; padding-right: 3px; padding-left: 3px; line-height: 1.2em; fill: #F0F8FF; list-style-type: circle; opacity: .9; visibility: visible; white-space: nowrap; } 
#rechBtn {text-align: left; color: #F0F8FF; height: auto; vertical-align: middle; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; border-radius: 7px; border-color: #F0F8FF; border-width: 0px; display: inline; padding-bottom: 3px; padding-top: 3px; padding-right: 3px; padding-left: 3px; fill: #F0F8FF; list-style-type: circle; visibility: visible; white-space: nowrap; cursor: pointer; } 
#ongletBarre {text-align: center; color: #F0F8FF; height: auto; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-style: solid; border-color: #ADD8E6; border-width: 1px; border-bottom: 1px solid #ADD8E6; border-top: 0; border-left: 0; border-right: 0; display: flex; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; position: relative; fill: #F0F8FF; list-style-type: none; flex-basis: fit-content; align-items: center; grid-column: 1 / span 2; } 
#ongletBarre li {text-align: center; height: auto; margin-bottom: 0px; margin-top: 1px; margin-right: 1px; margin-left: 1px; border-radius: 2px; border-style: solid; border-color: #808080; border-width: 1px; border-bottom: 0; border-top: 1px solid #808080; border-left: 1px solid #808080; border-right: 1px solid #808080; display: inline; padding-bottom: 7px; padding-top: 7px; padding-right: 7px; padding-left: 7px; list-style-type: none; } 
#ongletBarre li:hover {text-align: center; color: #FFFFFF; background: #1E90FF; border-bottom: 0; display: inline; fill: #FFFFFF; cursor: pointer; } 
#ongletBarre a {text-align: center; margin-bottom: auto; margin-right: auto; margin-left: auto; border-bottom: 0; display: block; } 
#ongletBarre a:hover {text-align: center; color: #FFFFFF; background: #1E90FF; margin-bottom: auto; margin-right: auto; margin-left: auto; border-bottom: 0; fill: #FFFFFF; } 
#ongActv, #txtActv {text-align: center; color: #FFFFFF; background: #1E90FF; margin-bottom: auto; margin-right: auto; margin-left: auto; fill: #FFFFFF; } 
#pageConnexion {text-align: center; color: #F0F8FF; width: 98%; height: 100%; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-radius: 5px; border-color: #e7e00d; border-width: 0px; display: grid; padding-bottom: 4px; padding-top: 4px; padding-right: 4px; padding-left: 4px; fill: #F0F8FF; text-transform: none; align-content: center; grid-template-columns: 40% 50%; grid-row-gap: 5px; grid-column: 1 / span 3; } 
.connTitre {text-align: left; color: #000000; width: 100%; height: auto; vertical-align: middle; margin-bottom: 10px; margin-top: auto; margin-right: 0px; margin-left: 0px; border-style: none; border-width: 1px; border-bottom: 1px solid #d9cfcf; display: block; padding-bottom: 1px; padding-top: 1px; padding-right: 1px; padding-left: 1px; line-height: 1.8em; fill: #000000; text-transform: none; overflow: visible; visibility: inherit; white-space: normal; align-content: center; grid-column: 1 / span 3; } 
.messageConnect {text-align: center; color: #F0F8FF; height: auto; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; display: inline; padding-bottom: 3px; padding-top: 3px; padding-right: 3px; padding-left: 3px; line-height: 1.4em; fill: #F0F8FF; text-transform: none; clear: both; align-content: center; grid-column: 1 / span 3; } 
.connListeDeroulante {text-decoration: none; color: #F0F8FF; font-weight: bold; height: 100%; background: #4e9ed0; vertical-align: top; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; border-style: none; border-color: #00FFFF; border-width: 1px; fill: #F0F8FF; resize: both; text-transform: lowercase; list-style-type: none; visibility: visible; z-index: 0; } 
.connLignes {text-decoration: none; text-align: center; color: #F0F8FF; width: 97%; height: 1px; background: #4e9ed0; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-style: solid; border-color: #F0F8FF; border-width: 1px; border-bottom: 0; border-top: 1px solid lightgrey; border-left: 0; border-right: 0; display: block; fill: #F0F8FF; grid-column: 1 / span 2; } 
.pageAccM2 {text-align: center; width: 100%; margin-bottom: 10%; margin-top: auto; margin-right: auto; margin-left: auto; border-style: none; border-color: #7FFF00; border-width: 1px; display: flex; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; flex-direction: row; grid-template-columns: 40% 20% 40%; } 
.imageAccM2 {text-align: center; color: #F0F8FF; width: 98%; height: auto; background: #4e9ed0; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-color: #F0F8FF; border-width: 0px; display: block; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; fill: #F0F8FF; z-index: 0; grid-column: 2; } 
.pageAccM3 {text-align: center; width: 100%; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-style: none; border-color: #7FFF00; border-width: 1px; display: flex; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; line-height: 65px; flex-direction: row; align-content: space-between; justify-content: space-around; grid-template-columns: 40% 20% 40%; } 
.imgFamilleBlocAcc {text-align: left; color: #9ACD32; width: 100px; height: 100px; background: #4e9ed0; vertical-align: top; margin-bottom: 2px; margin-top: 2px; margin-right: 2px; margin-left: 2px; border-radius: 50px; border-style: solid; border-color: #FFFFFF; border-width: 1px; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; display: inline; line-height: 60px; fill: #9ACD32; text-transform: none; clear: left; } 
.titreFamilleBlocAcc {text-align: center; font-style: italic; font-size: 1.2 rem; color: #9ACD32; font-weight: bold; height: auto; background: #4e9ed0; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; display: block; fill: #9ACD32; text-transform: none; clear: left; white-space: normal; } 
.pageAccM4 {text-align: center; font-style: italic; color: #F0F8FF; font-weight: bold; width: 80%; height: auto; min-height: 450px; background: #4e9ed082; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; display: flex; padding-bottom: 5px; padding-top: 5px; padding-right: 5px; padding-left: 5px; fill: #F0F8FF; text-transform: none; clear: left; flex-direction: row; align-content: center; justify-content: space-around; align-items: center; flex-wrap: wrap; } 
.titreFamilleVignette {text-align: center; font-family: Luminari, fantasy; font-size: 1.2rem; color: #FFFFFF; height: auto; background: #4e9ed0; vertical-align: middle; margin-bottom: 10px; margin-top: auto; margin-right: auto; margin-left: auto; display: block; padding-bottom: 5px; fill: #FFFFFF; text-transform: none; } 
.imgFamilleVignette {text-align: center; font-style: italic; color: #F0F8FF; font-weight: bold; width: 180px; height: 180px; background: #4e9ed0; vertical-align: top; margin-bottom: 10px; margin-top: 10px; margin-right: 10px; margin-left: 10px; border-radius: 5px; border-style: solid; border-color: #800000; border-width: 2px; display: block; padding-bottom: 10px; padding-top: 10px; padding-right: 10px; padding-left: 10px; fill: #F0F8FF; text-transform: none; clear: left; } 
.libConnCell {text-align: right; height: auto; vertical-align: middle; margin-bottom: 2px; margin-top: 2px; margin-right: 2px; margin-left: 2px; border-color: #8A2BE2; display: block; padding-bottom: 2px; padding-right: 2px; padding-left: 2px; line-height: 1.2em; text-transform: capitalize; clear: both; visibility: visible; align-content: end; justify-content: flex-end; align-items: flex-end; grid-column: 1; } 
.libConn {text-align: right; color: #000000; height: auto; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-color: #3D97C2; display: inline; padding-bottom: 2px; padding-top: 2px; padding-right: 2px; padding-left: 2px; line-height: 1.2em; fill: #000000; text-transform: none; visibility: visible; align-content: end; grid-column: 1; } 
.champsConnCell {text-align: left; color: #666060; width: 98%; height: auto; vertical-align: middle; margin-bottom: 2px; margin-top: 2px; margin-right: 0px; margin-left: 0px; display: block; padding-bottom: 2px; padding-top: 2px; padding-right: 2px; padding-left: 2px; fill: #666060; text-transform: none; visibility: visible; grid-column: 2; } 
.champsConn {text-align: left; color: #666060; height: auto; vertical-align: middle; border-radius: 7px; border-color: #F0F8FF; border-width: 1px; display: inline; padding-bottom: 2px; padding-top: 2px; padding-right: 2px; padding-left: 2px; fill: #666060; text-transform: none; visibility: visible; } 
#tableCli {text-align: left; color: #F0F8FF; height: auto; vertical-align: top; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-style: solid; border-color: #D3D3D3; border-width: 1px; border-bottom: 1px solid #D3D3D3; border-top: 0; border-left: 0; border-right: 0; display: grid; padding-bottom: 5px; padding-top: 5px; padding-right: 5px; padding-left: 5px; fill: #F0F8FF; float: none; text-transform: none; clear: both; visibility: visible; grid-template-columns: 50% 50%; grid-column: 1 / span 2; } 
.titresCli {text-align: left; color: #F0F8FF; width: 100%; height: auto; background: #FFFFFF; vertical-align: middle; margin-bottom: 10px; margin-top: 0px; margin-right: 0px; margin-left: 5px; border-color: #F0F8FF; border-bottom: 1px solid grey; display: block; padding-bottom: 3px; padding-top: 3px; padding-right: 3px; padding-left: 3px; line-height: 1em; fill: #F0F8FF; text-transform: none; visibility: visible; white-space: normal; grid-column: 1 / span 3; } 
.libClientsCell {text-align: right; height: auto; vertical-align: middle; margin-bottom: 2px; margin-top: 2px; margin-right: 2px; margin-left: 2px; display: block; padding-bottom: 2px; padding-top: 2px; padding-right: 2px; padding-left: 2px; line-height: 1.2em; text-transform: capitalize; clear: both; visibility: visible; align-content: end; grid-column: 1; } 
.libClients {text-align: right; color: #F0F8FF; height: auto; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; display: inline; padding-bottom: 2px; padding-top: 2px; padding-right: 2px; padding-left: 2px; line-height: 1.2em; fill: #F0F8FF; text-transform: none; visibility: visible; align-content: end; } 
.champsCliCell {text-align: left; color: #F0F8FF; height: auto; vertical-align: middle; margin-bottom: 2px; margin-top: 2px; margin-right: 0px; margin-left: 0px; border-style: none; border-color: #A9A9A9; border-width: 1px; display: block; padding-bottom: 2px; padding-top: 2px; padding-right: 2px; padding-left: 2px; fill: #F0F8FF; text-transform: none; grid-column: 2; } 
.champsCli {text-align: left; color: #000000; min-width: 50%; height: auto; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-radius: 5px; border-style: groove; border-color: #C0C0C0; border-width: 1px; display: inline; padding-bottom: 2px; padding-top: 2px; padding-right: 2px; padding-left: 2px; fill: #000000; text-transform: none; visibility: visible; } 
.msgCli {text-align: center; color: #F0F8FF; height: auto; vertical-align: middle; margin-bottom: 2px; margin-top: 2px; margin-right: auto; margin-left: auto; border-color: #DBDBDB; display: inline; padding-bottom: 4px; padding-top: 4px; padding-right: 4px; padding-left: 4px; fill: #F0F8FF; text-transform: none; visibility: visible; white-space: normal; } 
.listeDeroulanteCli {text-align: left; color: #000000; max-width: 50%; height: auto; background: #FFFFFF; vertical-align: top; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; border-radius: 5px; border-style: groove; border-color: #C0C0C0; border-width: 1px; display: inline-block; padding-bottom: 2px; padding-top: 2px; padding-right: 2px; padding-left: 2px; fill: #000000; text-transform: initial; visibility: visible; grid-column: 2; } 
.cliLignes {text-align: left; color: #6495ED; width: 100%; height: 1px; background: #6495ED; vertical-align: top; margin-bottom: 5px; margin-top: 5px; margin-right: auto; margin-left: auto; border-style: none; border-color: #A9A9A9; border-width: 1px; display: block; fill: #6495ED; text-transform: none; visibility: visible; grid-column: 1 / span 3; } 
#detailsOnglets {text-align: left; color: #F0F8FF; height: 1%; background: #4e9ed0; vertical-align: top; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; display: block; fill: #F0F8FF; text-transform: none; visibility: visible; grid-column: 1/ span 3; } 
#detailsOnglets li {text-align: left; color: #F0F8FF; height: 1%; background: #4e9ed0; vertical-align: top; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; display: block; fill: #F0F8FF; text-transform: none; visibility: visible; grid-column: 1/ span 3; } 
#detailsOnglets li.sactive {text-align: left; color: #F0F8FF; height: 1%; background: #4e9ed0; vertical-align: top; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; display: block; fill: #F0F8FF; text-transform: none; visibility: visible; grid-column: 1/ span 3; } 
#detailsOnglets a {text-align: left; color: #F0F8FF; height: 1%; background: #4e9ed0; vertical-align: top; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; display: block; fill: #F0F8FF; text-transform: none; visibility: visible; grid-column: 1/ span 3; } 
#detailsOnglets a:hover {text-align: left; color: #F0F8FF; height: 1%; background: #4e9ed0; vertical-align: top; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; display: block; fill: #F0F8FF; text-transform: none; visibility: visible; } 
#detailsOnglets li:hover {text-align: left; color: #F0F8FF; height: 1%; background: #4e9ed0; vertical-align: top; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; display: block; fill: #F0F8FF; text-transform: none; } 
#barreClientContainer {text-align: center; color: #F0F8FF; width: 100%; height: 70%; background: #4e9ed0; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-color: #F0F8FF; border-width: 0px; border-bottom: 0; border-top: 0; border-left: 0; border-right: 0; display: block; padding-bottom: 10px; padding-top: 10px; padding-right: 10px; padding-left: 10px; fill: #F0F8FF; text-transform: none; grid-column: 1 / span 3; } 
#mdpMess {text-align: center; font-style: italic; color: #F0F8FF; height: auto; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; fill: #F0F8FF; white-space: break-spaces; grid-column: 1 / span 2; } 
.titresCat {text-decoration: underline; text-align: center; color: #f7e155; font-weight: bold; height: auto; background: #4e9ed0; vertical-align: top; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; border-radius: 2px; border-style: none; border-color: #F0F8FF; border-width: 1px; border-bottom: 1px solid grey; display: block; fill: #f7e155; text-transform: capitalize; list-style-type: circle; visibility: visible; white-space: normal; align-content: center; grid-column: 1 / span 3; } 
.gondole-container {color: #F0F8FF; background: #4e9ed0; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-color: #F0F8FF; display: flex; fill: #F0F8FF; background-size: cover; flex-direction: row; flex-basis: auto; align-content: flex-start; justify-content: center; align-items: flex-start; flex-wrap: wrap; } 
.tableCatalogue {text-align: center; color: #F0F8FF; width: 32%; height: auto; min-height: 200px; background: #4e9ed0; vertical-align: middle; margin-bottom: 1px; margin-top: 1px; margin-right: auto; margin-left: auto; border-style: groove; border-color: #D3D3D3; border-width: 0.5px; border-bottom: 0.5px solid #D3D3D3; border-top: 0; border-left: 0.5px solid #D3D3D3; border-right: 0; display: grid; left: 50px; fill: #F0F8FF; text-transform: none; clear: both; visibility: visible; white-space: normal; grid-template-columns: 34% 65%; grid-column: 1 / span 2; } 
.msgCatalogue {text-align: center; color: #F0F8FF; height: auto; vertical-align: middle; margin-bottom: 30px; margin-top: 3px; margin-right: auto; margin-left: auto; display: block; padding-bottom: 3px; padding-top: 3px; padding-right: 3px; padding-left: 3px; fill: #F0F8FF; list-style-type: none; visibility: visible; white-space: normal; grid-column: 1 / span 3; } 
.titresPrd {text-decoration: none; text-align: left; color: #FFFFFF; font-weight: bold; background: #4e9ed0; margin-bottom: 0px; margin-top: 5px; margin-right: 1px; margin-left: 30%; border-radius: 7px; display: block; line-height: 1.4em; fill: #FFFFFF; text-transform: none; visibility: visible; white-space: nowrap; z-index: 0; align-content: center; grid-column: 1 / span 3; grid-row: 1; } 
.catalogueImgPrd {text-align: center; max-width: 70%; height: auto; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-radius: 7px; border-color: #F5F5DC; display: block; padding-bottom: 2px; padding-top: 2px; padding-right: 2px; padding-left: 2px; resize: none; visibility: visible; white-space: nowrap; cursor: pointer; grid-column: 1; grid-row: 2 / span 3; } 
.descProduits {text-decoration: none; text-align: left; color: #F0FFFF; height: auto; background: #4e9ed0; vertical-align: middle; margin-bottom: 1px; margin-top: 1px; margin-right: auto; margin-left: auto; display: block; padding-bottom: 1px; padding-top: 1px; padding-right: 1px; padding-left: 1px; line-height: 1.2em; fill: #F0FFFF; overflow: auto; visibility: visible; white-space: normal; grid-column: 2; grid-row: 2; } 
.zoneAcheter {text-align: left; color: #F0F8FF; min-width: 50%; height: auto; background: #4e9ed0; vertical-align: middle; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; border-color: #FFFAFA; display: flex; padding-bottom: 10px; padding-top: 10px; padding-right: 10px; padding-left: 10px; fill: #F0F8FF; white-space: nowrap; flex-direction: column; flex-wrap: wrap; grid-column: 2; } 
.libCatalogueCell {text-align: right; color: #F0F8FF; height: auto; background: #4e9ed0; vertical-align: middle; margin-bottom: 2px; margin-top: 2px; margin-right: 0px; margin-left: 0px; display: block; padding-bottom: 2px; padding-top: 2px; padding-right: 2px; padding-left: 2px; fill: #F0F8FF; overflow: initial; visibility: visible; grid-column: 1; } 
.libCatalogue {color: #F0F8FF; background: #4e9ed0; display: inline; padding-bottom: 2px; padding-top: 2px; padding-right: 2px; padding-left: 2px; fill: #F0F8FF; } 
.champsCatalogueCell {text-align: left; color: #F0F8FF; min-width: 25%; height: auto; background: #4e9ed0; vertical-align: middle; margin-bottom: 2px; margin-top: 2px; margin-right: 0px; margin-left: 0px; border-width: 0px; display: block; padding-bottom: 2px; padding-top: 2px; padding-right: 2px; padding-left: 2px; fill: #F0F8FF; visibility: visible; grid-column: 2; } 
.champsCatalogue {color: #F0F8FF; width: 80%; background: #4e9ed0; border-radius: 5px; border-style: groove; border-color: #A9A9A9; border-width: 1px; display: block; padding-bottom: 2px; padding-top: 2px; padding-right: 2px; padding-left: 2px; fill: #F0F8FF; } 
.prix {text-align: left; color: #F0F8FF; height: auto; background: #4e9ed0; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; border-color: #F0F8FF; border-width: 0px; display: inline; padding-bottom: 2px; padding-top: 0px; padding-right: 2px; padding-left: 0px; fill: #F0F8FF; overflow: visible; visibility: visible; white-space: nowrap; grid-column: 1 / span 2; } 
.prixRemise {text-align: left; color: #F0F8FF; font-weight: bold; background: #4e9ed0; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; border-color: #F0F8FF; border-width: 0px; display: inline; padding-bottom: 2px; padding-top: 2px; padding-right: 2px; padding-left: 2px; fill: #F0F8FF; overflow: visible; visibility: visible; white-space: nowrap; grid-column: 2; } 
.promos {color: #F0F8FF; background: #4e9ed0; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; border-color: #000080; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; fill: #F0F8FF; list-style-type: circle; visibility: visible; white-space: nowrap; } 
.listeDeroulanteCat {text-align: left; color: #F0F8FF; width: 50px; min-width: 70px; height: auto; background: #4e9ed0; vertical-align: top; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; border-radius: 5px; border-style: groove; border-color: #FFFAFA; border-width: 1px; fill: #F0F8FF; overflow: auto; list-style-type: circle; visibility: visible; white-space: nowrap; } 
.lignesCatalogue {color: #F0F8FF; width: 100%; height: 0.5px; background: #FFFAFA; margin-bottom: 10px; margin-top: 4px; margin-right: 0px; margin-left: 0px; fill: #F0F8FF; list-style-type: circle; visibility: visible; white-space: nowrap; } 
.titresFamilles {color: #F0F8FF; width: 550%; height: 20%; background: #4e9ed0; margin-bottom: 1px; margin-top: 1px; border-radius: 7px; border-style: outset; border-color: #F0F8FF; border-width: 1px; display: block; fill: #F0F8FF; visibility: visible; grid-column: 1 / span 3; } 
#catalogueImgDiapo {text-align: left; color: #F0F8FF; background: #4e9ed0; margin-bottom: 2px; margin-top: 2px; margin-right: 2px; margin-left: 2px; border-radius: 7px; border-color: #F5F5DC; display: block; padding-bottom: 2px; padding-top: 2px; padding-right: 2px; padding-left: 2px; fill: #F0F8FF; float: left; resize: none; visibility: visible; white-space: nowrap; grid-column: 1; grid-row: 2 / span 3; } 
#affRes {text-align: center; color: #F0F8FF; height: auto; background: #4e9ed0; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; display: block; padding-bottom: 2px; padding-top: 2px; padding-right: 2px; padding-left: 2px; fill: #F0F8FF; visibility: visible; white-space: normal; } 
.panierTitre {text-align: left; color: #2e5aac; font-weight: bold; width: 100%; height: auto; background: #FFFFFF; margin-bottom: 5px; margin-top: 5px; margin-right: 5px; margin-left: 5px; border-color: #F0F8FF; display: block; padding-bottom: 4px; padding-top: 4px; padding-right: 4px; padding-left: 4px; line-height: 1.3em; fill: #2e5aac; white-space: normal; grid-column: 1 / span 2; } 
.tablePanier {font-style: initial; width: 100%; height: auto; background: #4e9ed0; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-style: solid; border-color: #D3D3D3; border-width: 1px; border-bottom: 1px solid #D3D3D3; border-top: 0; border-left: 0; border-right: 0; display: grid; padding-bottom: 1px; padding-top: 1px; padding-right: 1px; padding-left: 1px; visibility: visible; white-space: normal; grid-template-columns: 74.7% 25%; grid-column: 1 / span 2; } 
#syntheseLignes {width: 100%; background: #4e9ed0; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; display: grid; white-space: normal; align-content: start; justify-content: center; align-items: start; justify-items: center; grid-template-columns: 10% 24% 22% 24% 20%; grid-row-gap: 0.5px; grid-column: 1; grid-row: 1 / span 2; } 
.imgPanier {text-align: center; font-style: initial; width: 100%; vertical-align: middle; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; border-color: #F0F8FF; border-width: 0px; border-bottom: 1px solid #FF8C00; border-top: 0; border-left: 0; border-right: 0; padding-bottom: 1px; padding-top: 1px; padding-right: 0px; padding-left: 0px; position: initial; line-height: 2em; visibility: initial; cursor: none; } 
.libPanierCell {color: #F0F8FF; width: 100%; height: auto; background: #4e9ed0; margin-bottom: 1px; margin-top: 1px; margin-right: 1px; margin-left: 1px; border-style: solid; border-color: #006400; border-width: 1px; border-bottom: 1 solid #006400; border-top: 0; border-left: 0; border-right: 0; display: block; padding-bottom: 2px; padding-top: 2px; padding-right: 2px; padding-left: 2px; line-height: 25px; fill: #F0F8FF; visibility: visible; white-space: normal; } 
.libPanier {text-align: center; font-style: initial; color: #F0F8FF; font-weight: bold; width: 100%; height: 20px; background: #4e9ed0; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-color: #FF8C00; border-width: 0px; border-bottom: 0; border-top: 0; border-left: 0; border-right: 0; display: inline; padding-bottom: 3px; padding-top: 3px; padding-right: 0px; padding-left: 0px; fill: #F0F8FF; visibility: initial; white-space: normal; } 
.champsPanierCell {text-align: center; width: 100%; height: auto; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-color: #A9A9A9; border-width: 0px; border-bottom: 0; border-top: 0; border-left: 0; border-right: 0; display: block; padding-bottom: 3px; padding-top: 3px; white-space: normal; } 
.champsPanier {text-align: center; color: #00008B; width: 100%; height: auto; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: 3px; border-color: #A9A9A9; border-width: 0px; display: inline; padding-bottom: 0px; padding-top: 0px; padding-right: 3px; padding-left: 3px; fill: #00008B; visibility: visible; white-space: normal; } 
#blocSynthese {text-align: center; color: #F0F8FF; width: 98%; height: 100%; vertical-align: top; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: 10px; border-style: dotted; border-color: #2e5aac; border-width: 1px; border-bottom: 1px Mixte #2e5aac; border-top: 1px Mixte #2e5aac; border-left: 1px Mixte #2e5aac; border-right: 1px Mixte #2e5aac; display: block; padding-bottom: 3px; padding-top: 3px; padding-right: 3px; padding-left: 3px; fill: #F0F8FF; grid-column: 2; grid-row: 1 / span 3; } 
.itemPanier {text-align: center; font-style: initial; color: #F0F8FF; font-weight: bold; width: 100%; height: auto; background: #4e9ed0; vertical-align: middle; margin-bottom: 2px; margin-top: 2px; margin-right: 0px; margin-left: 0px; border-color: #F0F8FF; border-width: 0px; border-bottom: 0; border-top: 0; border-left: 0; border-right: 0; display: block; padding-bottom: 5px; padding-top: 5px; padding-right: 5px; padding-left: 5px; fill: #F0F8FF; visibility: initial; white-space: normal; } 
.panierLignes {color: #9ACD32; width: 98%; height: 2px; background: #A9A9A9; margin-bottom: 4px; margin-top: 5px; margin-right: 4px; margin-left: 4px; border-style: solid; border-color: #A9A9A9; border-width: 0.2px; border-bottom: 0.2px solid #ffffff; border-top: 0; border-left: 0; border-right: 0; display: block; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; line-height: 0px; fill: #9ACD32; visibility: visible; } 
.listeDeroulantePanier {color: #F0F8FF; background: #4e9ed0; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; border-radius: 7px; border-style: solid; border-color: #F0F8FF; border-width: 1px; fill: #F0F8FF; visibility: visible; } 
.msgPanier {text-align: center; color: #000000; font-weight: bold; height: auto; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; display: block; padding-bottom: 5px; padding-top: 5px; padding-right: 5px; padding-left: 5px; fill: #000000; overflow: initial; visibility: visible; white-space: normal; grid-column: 1 / span 3; } 
#recapContainer {text-align: left; color: #F0F8FF; width: 100%; height: auto; background: #4e9ed0; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; display: flex; padding-bottom: 3px; padding-top: 3px; padding-right: 3px; padding-left: 3px; fill: #F0F8FF; flex-direction: column; align-content: space-around; justify-content: space-between; align-items: center; justify-items: center; grid-template-columns: 10% 22% 16% 22% 13% 16%; grid-column-gap: 3px; grid-gap: 3px; grid-column: 1; } 
#panierConteneurItem {text-align: left; color: #F0F8FF; height: auto; background: #4e9ed0; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-color: #006400; border-width: 0px; border-bottom: 0; border-top: 0; border-left: 0; border-right: 0; display: block; padding-bottom: 20px; padding-top: 20px; padding-right: 20px; padding-left: 20px; fill: #F0F8FF; visibility: visible; flex-direction: row; justify-content: center; justify-items: center; flex-wrap: wrap; grid-column: 1; } 
.blocItemPanier {text-align: left; font-style: initial; color: #FFFAFA; width: 100%; height: auto; background: #4e9ed0; vertical-align: middle; margin-bottom: 15px; margin-top: 2px; margin-right: 0px; margin-left: 0px; border-style: solid; border-color: #DCDCDC; border-width: 1px; border-bottom: 1px solid #DCDCDC; border-top: 0; border-left: 1px solid #DCDCDC; border-right: 0; display: block; padding-bottom: 3px; padding-top: 3px; padding-right: 3px; padding-left: 3px; fill: #FFFAFA; visibility: initial; white-space: normal; justify-content: space-around; justify-items: center; } 
#etapesContainer {text-align: center; width: 100%; height: 100%; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-radius: 3px; border-color: #E6E6FA; display: grid; padding-bottom: 10px; padding-top: 10px; padding-right: 10px; padding-left: 10px; 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; } 
.libEtapesCell {color: #F0F8FF; display: block; fill: #F0F8FF; visibility: visible; } 
.libEtapes {color: #F0F8FF; display: inline; fill: #F0F8FF; visibility: visible; } 
.champEtapesTodo {color: #F0F8FF; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; display: block; fill: #F0F8FF; visibility: visible; } 
.champEtapesDone {color: #00FF7F; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; display: inline; fill: #00FF7F; visibility: visible; } 
.lignesEtapes {color: #F0F8FF; width: 0%; height: 1%; margin-bottom: 0px; margin-top: 2px; margin-right: 0px; margin-left: 0px; fill: #F0F8FF; visibility: visible; } 
#tableMesCdes {text-align: center; color: #F0F8FF; width: 100%; max-width: 100%; height: 100%; max-height: 100%; background: #D3D3D3; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-style: solid; border-color: #D3D3D3; border-width: 1px; border-bottom: 1px solid #D3D3D3; border-top: 0; border-left: 0; border-right: 0; display: grid; fill: #F0F8FF; overflow: auto; visibility: visible; align-content: center; justify-items: center; grid-template-columns: 10% 20% 15% 10% 20% 10% 15%; grid-column-gap: 0; grid-row-gap: 1px; grid-column: 1 / span 3; } 
.libMesCdesCell {text-align: center; color: #6495ED; width: 100%; height: auto; background: #4e9ed0; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-color: #e8e8e8; display: block; fill: #6495ED; visibility: visible; } 
.libMesCdes {text-align: center; color: #6495ED; font-weight: bold; width: 100%; height: auto; background: #4e9ed0; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; display: block; fill: #6495ED; visibility: visible; } 
.champsMesCdesCell {text-align: center; color: #F0F8FF; width: 100%; height: auto; background: #4e9ed0; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-color: #e8e8e8; border-bottom: 0; border-top: 0; border-left: 0; border-right: 0; display: block; line-height: 1.5em; fill: #F0F8FF; top: 5px; visibility: visible; } 
.champsMesCdes {text-align: left; color: #F0F8FF; width: 100%; height: 100%; background: #4e9ed0; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; display: block; fill: #F0F8FF; visibility: visible; } 
.lignesMesCdesCell {text-align: left; color: #F0F8FF; height: auto; background: #4e9ed0; margin-bottom: 0px; margin-top: 2px; margin-right: 0px; margin-left: 0px; display: block; fill: #F0F8FF; visibility: visible; } 
.lignesMesCdes {text-align: center; color: #F0F8FF; height: auto; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; display: inline; fill: #F0F8FF; visibility: visible; } 
.mesCdesCoulImpair {text-align: center; color: #000000; height: auto; background: #ADD8E6; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; left: 50; fill: #000000; visibility: visible; } 
.detailResponsiv {text-align: center; width: 100%; height: auto; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-style: solid; border-color: #808080; border-width: 1px; display: none; resize: none; flex-direction: column; align-content: space-around; justify-content: space-around; align-items: stretch; grid-column: 1 / span 7; } 
#optionForm {text-align: left; color: #000000; width: 100%; background: #FFFFFF; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; border-style: solid; border-color: #D3D3D3; border-width: 1px; display: flex; padding-bottom: 20px; padding-top: 20px; padding-right: 20px; padding-left: 20px; fill: #000000; overflow: auto; visibility: visible; flex-direction: column; align-content: center; justify-items: center; } 
#optionTitre {text-align: center; color: #F0F8FF; width: 100%; max-width: 100%; height: 100%; max-height: 100%; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; border-radius: 2px; border-color: #7CA2FA; fill: #F0F8FF; 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-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-radius: 7px; padding-bottom: 20px; padding-top: 20px; padding-right: 20px; padding-left: 20px; fill: #f0e805; } 
.divLibellés {text-align: center; color: #F0F8FF; width: 100%; background: #4e9ed0; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; fill: #F0F8FF; overflow: auto; align-content: center; justify-items: center; } 
.libellesForm {text-align: center; color: #F0F8FF; font-weight: bold; height: auto; background: #4e9ed0; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; padding-bottom: 5px; padding-top: 5px; padding-right: 5px; padding-left: 5px; fill: #F0F8FF; overflow: auto; align-content: center; justify-items: center; } 
.divMenu {text-align: left; color: #3759be; font-weight: bold; min-height: 20px; border-radius: 7px; padding-bottom: 5px; padding-top: 5px; padding-right: 5px; padding-left: 5px; fill: #3759be; } 
.divChamps {text-align: left; color: #000000; background: #FFFFFF; margin-bottom: 1px; margin-top: 1px; margin-right: 1px; margin-left: 1px; border-color: #7CA2FA; border-bottom: 1px solid lightgrey; padding-bottom: 1px; padding-top: 1px; padding-right: 1px; padding-left: 1px; fill: #000000; overflow: auto; align-content: center; justify-items: center; grid-column-gap: 1px; } 
.divItemListe {text-align: left; color: #f1f514; width: 100%; max-width: 100%; height: 100%; max-height: 100%; background: #000000; margin-bottom: 0px; margin-top: 0px; border-style: solid; border-color: #f2fb79; border-width: 1px; padding-bottom: 5px; padding-top: 5px; padding-right: 5px; padding-left: 5px; fill: #f1f514; overflow: auto; align-content: center; justify-items: center; grid-column-gap: 1px; } 
.titresInfos {color: #F0F8FF; font-weight: bold; width: 100%; height: auto; background: #FFFFFF; margin-bottom: 10px; margin-top: auto; margin-right: auto; margin-left: auto; border-radius: 2px; border-style: none; border-color: #F0F8FF; border-width: 1px; display: block; padding-bottom: 8px; padding-top: 8px; padding-right: 8px; padding-left: 8px; fill: #F0F8FF; visibility: visible; white-space: normal; grid-column: 1 / span 3; } 
.tableInfos {text-align: center; color: #F0F8FF; width: 100%; height: auto; vertical-align: top; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-style: solid; border-color: #D3D3D3; border-width: 1px; border-bottom: 1px solid #D3D3D3; border-top: 0; border-left: 0; border-right: 0; display: block; fill: #F0F8FF; visibility: visible; grid-column: 1 / span 2; } 
.msgInfos {text-align: center; color: #F0F8FF; width: 100%; height: auto; background: #4e9ed0; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; display: block; padding-bottom: 3px; padding-top: 3px; padding-right: 3px; padding-left: 3px; fill: #F0F8FF; visibility: visible; white-space: normal; grid-column: 1 / span 2; } 
.libInfosCell {background: #4e9ed0; margin-bottom: auto; margin-top: 5px; margin-right: auto; margin-left: auto; border-radius: 5px; border-style: solid; border-color: #D3D3D3; border-width: 1px; border-bottom: 1px solid #D3D3D3; border-top: 1px solid #D3D3D3; border-left: 1px solid #D3D3D3; border-right: 1px solid #D3D3D3; display: block; padding-bottom: 8px; padding-top: 8px; padding-right: 8px; padding-left: 0px; visibility: visible; white-space: normal; } 
.libInfos {color: #F0F8FF; background: #4e9ed0; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; border-color: #F0F8FF; padding-bottom: 8px; padding-top: 8px; padding-right: 8px; padding-left: 8px; fill: #F0F8FF; visibility: visible; white-space: normal; } 
.champsInfosCell {margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; display: inline; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; clear: left; visibility: visible; } 
.champsInfos {color: #F0F8FF; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; border-color: #F0F8FF; display: inline; padding-bottom: 3px; padding-top: 3px; padding-right: 3px; padding-left: 3px; position: relative; fill: #F0F8FF; visibility: visible; } 
.lignesInfos {color: #F0F8FF; width: 0%; height: 1px; background: #4e9ed0; margin-bottom: 0px; margin-top: 2px; margin-right: 0px; margin-left: 0px; fill: #F0F8FF; visibility: visible; } 
.pub-table {text-align: center; color: #F0FFFF; height: 100%; background: #4e9ed0; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-radius: 3px; border-color: #F0F8FF; padding-bottom: 3px; padding-top: 3px; padding-right: 3px; padding-left: 3px; fill: #F0FFFF; float: none; resize: none; list-style-type: none; clear: none; white-space: normal; z-index: 0; flex-direction: row; align-content: center; justify-content: center; align-items: center; } 
.pub-image
 {text-align: center; color: #F0F8FF; max-width: 100%; max-height: 200px; background: #4e9ed0; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-radius: 3px; border-style: none; border-color: #F0F8FF; border-width: 1px; border-bottom: 0; border-top: 0; border-left: 0; border-right: 0; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; fill: #F0F8FF; visibility: visible; z-index: 0; grid-column: 1 / span 3; } 
.pub-titre {text-align: center; color: #F0F8FF; font-weight: bold; height: auto; background: #4e9ed0; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; border-radius: 7px; border-style: solid; border-color: #F0F8FF; border-width: 1px; fill: #F0F8FF; list-style-type: circle; visibility: visible; white-space: nowrap; grid-column: 1 / span 3; } 
.debug {color: #F0F8FF; background: #4e9ed0; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; border-radius: 3px; border-style: solid; border-color: #F0F8FF; border-width: 1px; display: block; padding-bottom: 2px; padding-top: 2px; padding-right: 2px; padding-left: 2px; resize: both; overflow: auto; list-style-type: none; visibility: visible; white-space: nowrap; } 
#btnAdmin {text-align: center; background: linear-gradient(90deg, rgba(255, 212, 9, 0.9) 10%, rgba(251, 139, 8, 0.8) 44%, rgba(245, 9, 0, 0.8) 92%); margin-bottom: 1px; margin-top: 1px; border-radius: 15px; border-style: none; border-color: #A52A2A; border-width: 1px; display: inline-block; padding-bottom: 4px; padding-top: 4px; padding-right: 4px; padding-left: 4px; list-style-type: none; opacity: 1; visibility: visible; white-space: nowrap; z-index: 0; cursor: pointer; } 
#btnAdminText {text-decoration: none; color: #FFFFFF; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; display: inline; padding-right: 2px; padding-left: 2px; fill: #FFFFFF; resize: both; list-style-type: none; visibility: visible; white-space: normal; cursor: pointer; } 
#btnAdminIco {color: #0000FF; fill: #0000FF; resize: both; list-style-type: none; visibility: visible; white-space: nowrap; cursor: pointer; } 
.webmasterDesign {background: #F0FFFF; border-radius: 12px; border-style: dashed; border-color: #A52A2A; border-width: 0.1px; overflow: auto; list-style-type: circle; visibility: visible; white-space: nowrap; z-index: 0; } 
@keyframes 

@keyframes 

@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);  }}
/* Claude - date:2026.10.08 - patch v5.8 « styles manquants » : règles ajoutées depuis alpha */
:root { --coul-clients-fond: #4e9ed0; --coul-clients-texte: #F0F8FF; --coul-commandes-fond: #4e9ed0; --coul-commandes-texte: #F0F8FF; --coul-catalogue-fond: #4e9ed0; --coul-catalogue-texte: #F0F8FF; --coul-informations-fond: #4e9ed0; --coul-informations-texte: #F0F8FF; --coul-publicite-fond: #4e9ed0; --coul-publicite-texte: #F0F8FF; --coul-global-fond: #4e9ed0; --coul-global-texte: #F0F8FF; } 
.trHeaders1 {text-align: left; color: var(--coul-global-texte); background: var(--coul-global-fond); } 
.trUsrSiteMsg1 {height: 1px; margin: 1px; display: inline; padding: 0px; line-height: 0px; } 
.trPageIndexRedirect1 {margin: auto; } 
.trFonctionItemAvecImage1 {font-size: 14px; color: white; width: 300px; max-width: 300px; background: darkblue; margin: 0; display: inline-block; white-space: break-spaces; } 
.trFonctionItemAvecImage2 {text-decoration: none; } 
.trItemImageNew1 {font-size: 14px; width: 300px; max-width: 300px; margin: 0; display: inline-block; white-space: break-spaces; } 
.entEntetePage1 {display: flex; flex-direction: column; } 
.titTitres1 {vertical-align: middle; } 
.titTitres2 {text-decoration: none; } 
.titTitres3 {vertical-align: middle; cursor: pointer; } 
.siteIndex1 {text-align: center; font-size: 0.9rem; color: black; width: 50%; background: #FBEFF5; margin: auto; border-radius: 5px; border: 0px none #currentColor; display: flex; fill: black; justify-content: space-around; align-items: center; } 
.siteIndex2 {text-align: center; width: 100%; background: #FBEFF5; opacity: 1; } 
.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: 10px; 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: 1px; border-radius: 1px; display: none; padding: 10px; position: relative; left: 120px; text-transform: lowercase; top: 10px; list-style-type: none; white-space: nowrap; z-index: 5; } 
.actifBtnPromo {text-align: center; color: #FFFFFF; background: #FF8C00; vertical-align: middle; margin: 10px; border-radius: 20px; border-style: none; padding: 10px; } 
.promoFonctionBarrePromos1 {max-height: 1.4em; vertical-align: middle; } 
.promoFonctionBarrePromos2 {margin-left: 7px; } 
.accAccueilM61 {margin: 10px; } 
.accAccueilM41 {display: flex; flex-direction: column; } 
.accAccueilM5CarousselHaut1 {color: red; } 
.connAdminConnect1 {width: 100%; min-height: 300px; background: var(--coul-global-fond); vertical-align: top; margin: auto; border-radius: 12px; top: 1px; white-space: break-spaces; } 
.connAdminReqSelect1 {text-align: center; max-width: 100%; margin: 10px; padding: 50px; } 
.connAdminConnectForm1 {margin: 20px auto auto; } 
.connNewPwdAdmValidation1 {text-align: center; } 
.connAdminConnectValidation1 {} 
.connAdminConnectValidation2 {margin: 15px; } 
.connAdminConnectValidation3 {text-decoration: none; } 
.connAdminRappelMdpForm1 {width: 90%; } 
.connAdminRappelMdpForm2 {width: 90%; margin: auto; } 
.connAdminRappelMdpForm3 {text-align: center; width: 100%; margin: 10px; } 
.connNewPwdAdmin1 {display: contents; } 
.connNewPwdAdmin2 {text-align: center; width: 100%; margin: 10px; padding: 10px; } 
.connAuthConnect1 {text-align: center; width: 80%; margin: auto; } 
.connAuthConnect2 {text-align: top; padding: 1px; } 
.connAuthConnect3 {width: 100%; } 
.connAuthConnect4 {color: var(--coul-global-texte); background: lightgreen; margin: 5px auto auto; border-radius: 7px; border: 1px solid grey; padding: 5px; } 
.connAuthConnect5 {color: var(--coul-global-texte); background: lightgrey; margin-bottom: 5px; margin-top: 5px; border-radius: 7px; border: 1px solid grey; padding: 5px; } 
.cliClientForm31 {width: 50px; } 
.cliClientForm11 {text-align: left; margin: auto; } 
.cliClientForm12 {text-align: center; line-height: 50px; white-space: break-spaces; } 
.cliClientInscValidation1 {padding: 20px; } 
.connDeconnect2 {} 
.connDeconnect3 {} 
.connRappelMdpForm1 {text-align: center; width: 100%; margin: 10px; } 
.connConnectForm1 {width: 100%; } 
.connConnectForm2 {text-align: center; width: 100%; margin: auto; padding: 0.9em; } 
.connAuthConnect6 {background: var(--coul-global-fond); } 
.catRecherche1 {display: grid; } 
.catGondoleAccueil1 {} 
.catProduits1 {margin: auto; display: grid; align-items: center; } 
.catProduits2 {} 
.catGondoleContenu1 {width: 80%; } 
.catGondoleContenu2 {width: 10%; } 
.catGondoleContenu3 {width: 30px; margin-bottom: 30px; cursor: pointer; } 
.catGondoleContenu4 {width: 30px; margin-bottom: 30px; } 
.catGondoleContenu5 {text-align: center; margin: auto; display: block; } 
.catGondoleContenu6 {text-align: center; } 
.catGondoleContenu7 {} 
.catProduitsDetails1 {display: inline; } 
.catProduitsNotice1 {height: 800px; } 
.catProduitsNotice2 {width: 99.9%; height: 100%; } 
.panMenuModeLiv1 {width: 10%; vertical-align: middle; margin: 0px; border: 0px none currentColor; } 
.panMenuModePaie1 {max-width: 150px; vertical-align: middle; border: 0px none currentColor; } 
.panMenuModePaie2 {vertical-align: middle; } 
.panMenuModePaie3 {width: 5%; vertical-align: middle; border: 0px none currentColor; } 
.panPanierAffLignes1 {width: 100%; display: flex; } 
.panPanierAffLignes2 {width: 20%; display: flex; } 
.panPanierAffLignes3 {max-width: 80%; max-height: 80%; } 
.panPanierAffLignes4 {width: 100%; display: flex; flex-direction: column; } 
.panPanierAffLignes5 {display: flex; } 
.panPanierAffLignes6 {font-size: 1.2rem; color: red; fill: red; cursor: pointer; } 
.panPanierAffLignes7 {max-width: 150px; } 
.panPanierAffLignes8 {width: 100%; display: flex; flex-direction: column; } 
.panPanierForm1 {width: 100%; display: flex; } 
.panPanierForm2 {text-align: center; margin: 10px; padding: 8px; } 
.panPanierForm3 {margin: auto; } 
.panOptionsLignes1 {width: 100%; border-top: 1px dashed lightblue; display: flex; } 
.panOptionsLignes2 {cursor: pointer; } 
.panFormRib1 {text-decoration: none; position: relative; } 
.panFormRib2 {text-decoration: none; vertical-align: middle; cursor: pointer; } 
.panFormRibForm1 {margin-right: 10px; margin-left: 10%; } 
.panRecapForm1 {width: 100%; display: flex; justify-content: space-evenly; } 
.panRecapForm2 {text-align: center; width: 40%; vertical-align: middle; margin: auto; } 
.panRecapForm3 {margin: 5px; } 
.panRecapForm4 {width: 40%; vertical-align: middle; } 
.panRecapForm5 {width: 100%; margin: 3px auto auto; } 
.panModePaieFormPaypal1 {text-align: center; } 
.panRecapForm6 {color: grey; max-width: 95%; border: 1px solid lightgrey; padding: 1px; } 
.panRecapAdresseFact1 {margin-right: 0px; margin-left: 0px; } 
.panRecap1 {text-align: center; width: 100%; margin: auto; border-top: 1px solid lightgrey; padding-top: 5px; } 
.panRecap2 {text-align: center; margin: 25px auto; } 
.panModeLivForm1 {width: 100%; margin: auto; } 
.panModeLivForm2 {width: 10%; vertical-align: middle; margin: auto; } 
.panModeLiv1 {text-align: center; width: 100%; margin-bottom: 10px; padding: 20px; } 
.panModeLivRetourApi1 {text-align: center; width: 100%; margin: auto; display: grid; padding: 8px; grid-template-columns: 50% 50%; gap: 15px; } 
.panModePaieFormPaypal2 {text-align: center; margin: 10px auto auto; } 
.panModePaieFormPaypal3 {width: 55%; } 
.panModePaieFormStripe1 {text-align: center; margin-bottom: 10px; } 
.panModifAdresseLiv1 {color: red; } 
.panModePaieForm1 {text-align: center; width: 100%; margin: auto; } 
.panModePaieForm2 {text-align: center; width: 30%; vertical-align: middle; margin: auto; } 
.panModePaie1 {text-align: center; margin-bottom: 10px; margin-top: 10px; } 
.assistFormChapeau1 {width: 100%; } 
.assistFormChapeau2 {width: 99%; min-width: 0; margin: 10px auto; border-radius: 4px; border: 1px solid grey; display: flex; padding: 10px; white-space: normal; flex-wrap: wrap; } 
.assistItemCheck1 {text-align: left; color: var(--coul-commandes-texte); font-weight: normal; background: lightgrey; } 
.assistItemCheck2 {text-align: left; color: var(--coul-commandes-texte); font-weight: normal; } 
.assistItemCheck3 {width: 30px; } 
.assistItemCheck4 {color: var(--coul-commandes-texte); } 
.assistItemCheck5 {color: red; } 
.assistItemCheck6 {white-space: break-spaces; } 
.assistEnteteListe1 {text-align: center; margin: auto; display: flex; flex-direction: column; flex-wrap: wrap; } 
.assistEnteteListe2 {text-align: center; width: 100%; margin-top: 10px; } 
.assistEnteteListe3 {font-size: 2rem; min-height: 35%; display: block; white-space: break-spaces; cursor: pointer; } 
.assistEnteteListe4 {font-style: italic; font-size: 1rem; color: grey; } 
.assistEnteteListe5 {font-size: 0.9rem; color: white; font-weight: normal; cursor: pointer; } 
.assistSousFormBoutons1 {text-align: left; background: var(--coul-commandes-fond); white-space: break-spaces; } 
.assistSousFormBoutons2 {color: red; white-space: break-spaces; } 
.assistSousFormBoutons3 {margin-bottom: 10px; margin-top: 10px; margin-left: 50px; } 
.assistSousFormBoutons4 {width: 100%; border: 0px none currentColor; padding: 2px; } 
.assistSousFormBoutons5 {margin-top: 20px; display: contents; padding: 7px; } 
.assistSousFormBoutons6 {width: 100%; margin: 20px auto auto; border: 0px none currentColor; padding: 5px; } 
.assistItemsQuantite1 {width: 30px; border-right: 1px solid lightgrey; padding-right: 10px; padding-left: 10px; cursor: pointer; } 
.assistItemsQuantite2 {width: 30px; border-left: 1px solid lightgrey; padding-right: 10px; padding-left: 10px; cursor: pointer; } 
.assistFormCommun1 {max-width: 32px; margin: auto; } 
.assistFormOptionsPrincipal1 {opacity: 1; } 
.assistFormOptionsPrincipal2 {color: var(--coul-commandes-texte); height: 99%; left: 0; resize: both; top: 0px; overflow: auto; opacity: 1; z-index: 10; } 
.assistFormOptionsPrincipal3 {display: flex; position: sticky; opacity: 1; z-index: 10; flex-direction: column; } 
.assistFormOptionsPrincipal4 {cursor: pointer; } 
.assistFormOptionsPrincipal5 {text-align: center; vertical-align: middle; display: flex; flex-direction: rows; flex-wrap: wrap; } 
.assistFormOptionsPrincipal6 {font-style: weight; font-size: 1.8rem; width: 50%; } 
.assistFormOptionsPrincipal7 {margin: 1px; white-space: break-spaces; z-index: 3; } 
.assistFormOptionsPrincipal8 {margin: 10px; } 
.assistFormOptionsPrincipal9 {z-index: 10; } 
.assistFormOptionsPrincipal10 {width: 150px; height: 150px; border-radius: 100%; } 
.assistFormOptionsPrincipal11 {display: contents; } 
.assistFormOptionsPrincipal12 {margin-top: 1px; display: flex; padding: 4px; } 
.assistFormOptionsPrincipal13 {text-align: left; color: var(--coul-commandes-texte); margin: 15px; border: 1px solid blue; display: block; white-space: pre-wrap; flex-wrap: wrap; } 
.couleur_ico_1 {color: green; } 
.couleur_ico_2 {color: purple; } 
.couleur_ico_3 {color: blue; } 
.couleur_ico_4 {color: red; } 
.couleur_ico_5 {color: brown; } 
.couleur_ico_defaut {color: var(--coul-commandes-texte); } 
.option_defaut {background: var(--coul-commandes-fond); } 
.option_pas_de_choix {background: lightgrey; } 
.option_quantite_vide {background: orange; } 
.option_selectionnee {background: #fbe3c1; } 
.assistItemsQuantite3 {color: blue; background: var(--coul-commandes-fond); border: 1px solid grey; } 
.panModifAdresseFact1 {color: white; } 
.cdeMesCdesReqSelectLignes1 {width: 100%; display: flex; } 
.cdeMesCdesFormDetail1 {width: 100%; display: flex; align-content: stretch; justify-content: space-around; } 
.cdeMesCdesFormDetail2 {color: blue; } 
.CouleurDeligne-2 {color: var(--coul-clients-texte); background: lightgreen; } 
.infKisn1 {border: 0px none currentColor; } 
.infContactForm1 {margin: 15px; } 
.newsUnsuscribe1 {text-align: center; margin: 4px auto; } 
.newsUnsuscribe2 {text-align: center; padding: 12px; } 
.mcListe {text-align: left; width: 100%; max-width: 900px; margin-right: auto; margin-left: auto; display: flex; padding-bottom: 6px; padding-top: 6px; flex-direction: column; gap: 12px; grid-column: 1 / -1; } 
.mcCarte {text-align: left; width: 100%; background: 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: 14px 18px; transition: background-color .2s; cursor: pointer; align-items: center; flex-wrap: wrap; gap: 8px 18px; } 
.mcEntete:hover {background: #f5f6ff; } 
.mcNum {font-size: 1rem; color: var(--coul-clients-texte); font-weight: 700; } 
.mcDate {font-size: .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: .8rem; color: #4338ca; font-weight: 600; background: #eef2ff; border-radius: 999px; display: inline-flex; padding: 4px 10px; white-space: nowrap; } 
.mcEtat-At, .mcEtat-Pn {color: #c2410c; background: #fff7ed; } 
.mcEtat-Py, .mcEtat-EP {color: #1d4ed8; background: #eff6ff; } 
.mcEtat-En {color: #4338ca; background: #eef2ff; } 
.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 18px 16px; } 
.mcOuverte .mcDetail {display: block; } 
.mcLigne {text-align: left; border-bottom: 1px solid #f1f2f6; display: grid; padding-bottom: 10px; padding-top: 10px; align-items: center; grid-template-columns: minmax(0,1fr) auto auto; gap: 16px; } 
.mcPrd {text-align: left; color: 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: .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: .85rem; color: var(--coul-clients-texte); display: grid; padding-bottom: 6px; padding-top: 2px; padding-left: 18px; grid-template-columns: minmax(0,1fr) auto auto; gap: 16px; } 
.mcOption .fad {color: #10b981; } 
.mcRecap {font-size: .9rem; color: 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: 14px; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; } 
.mcFacture {text-decoration: none; color: #4338ca; font-weight: 600; background: #eef2ff; border-radius: 10px; display: inline-flex; padding: 8px 14px; transition: background-color .2s; align-items: center; gap: 8px; } 
.mcFacture:hover {background: #e0e7ff; } 
.mcComment {text-align: left; font-style: italic; font-size: .9rem; color: var(--coul-clients-texte); white-space: normal; } 
.mcVide {text-align: center; color: var(--coul-clients-texte); width: 100%; display: flex; padding-bottom: 40px; padding-top: 40px; justify-content: center; } 
.qsnGrille {text-align: left; width: 100%; max-width: 1000px; margin: 20px auto; display: grid; align-items: stretch; grid-template-columns: repeat(auto-fit,minmax(300px,1fr)); gap: 24px; } 
.qsnFiche {text-align: left; background: var(--coul-informations-fond); border-radius: 14px; border: 1px solid #e5e7eb; padding: 20px 22px 14px; 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 #eef2ff; display: flex; padding-bottom: 12px; align-items: center; gap: 12px; } 
.qsnLigne {text-align: left; border-bottom: 1px solid #f1f2f6; display: flex; padding-bottom: 10px; padding-top: 10px; white-space: normal; align-items: center; gap: 12px; } 
.qsnIco {text-align: center; font-size: .95rem; color: #4f46e5; width: 34px; min-width: 34px; height: 34px; background: #eef2ff; border-radius: 10px; display: inline-flex; justify-content: center; align-items: center; } 
.qsnNom .qsnIco {color: #ffffff; background: linear-gradient(135deg,#4f46e5,#db2777); } 
.qsnLigne .libInfos, .qsnNom .libInfos {text-align: left; font-size: .9rem; color: var(--coul-informations-texte); min-width: 165px; background: transparent; padding: 0px; } 
.qsnLigne .champsInfos, .qsnNom .champsInfos {text-align: left; color: var(--coul-informations-texte); font-weight: 600; padding: 0px; } 
.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: 18px auto 24px; border-radius: 14px; border: 1px solid #e5e7eb; display: grid; padding: 24px 24px 22px; box-shadow: 0 2px 10px rgba(17,24,39,.06); grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); gap: 16px 18px; } 
.ctChamp {text-align: left; min-width: 0px; display: flex; flex-direction: column; gap: 6px; } 
.ctLarge {grid-column: 1 / -1; } 
.ctChamp .libInfos {text-align: left; font-size: .9rem; color: var(--coul-informations-texte); font-weight: 600; background: transparent; padding: 0px; } 
.ctForm .ctInput {text-align: left; font-size: .95rem; color: var(--coul-informations-texte); width: 100%; background: var(--coul-informations-fond); border-radius: 10px; border: 1px solid #d1d5db; display: block; padding: 11px 14px; transition: border-color .2s, box-shadow .2s; } 
.ctForm .ctInput:focus {background: var(--coul-informations-fond); border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,.18); } 
.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: 14px auto 24px; border-radius: 14px; border: 1px solid #e5e7eb; display: block; padding: 26px 34px 28px; 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: 6px; margin-top: 22px; border-left: 4px solid #6366f1; display: block; padding-left: 12px; line-height: 1.4; } 
.cdvTexte a {text-decoration: underline; color: var(--coul-informations-texte); } 
.mrTitre {text-align: center; font-size: 1.05rem; color: var(--coul-commandes-texte); font-weight: 700; display: flex; padding-bottom: 4px; padding-top: 6px; justify-content: center; grid-column: 1 / -1; } 
.mrListe {text-align: left; width: 100%; display: grid; grid-template-columns: repeat(auto-fill,minmax(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: 14px; 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: #f5f6ff; border-color: #4f46e5; box-shadow: 0 0 0 3px rgba(99,102,241,.18); } 
.mrPhoto {width: 104px; min-width: 104px; height: 104px; background: var(--coul-commandes-fond); border-radius: 12px; 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: .8rem; color: #4338ca; font-weight: 600; background: #eef2ff; margin-right: auto; border-radius: 999px; display: inline-flex; padding: 3px 9px; align-items: center; gap: 5px; } 
.mrAdresse {font-size: .88rem; color: var(--coul-commandes-texte); line-height: 1.45; } 
.mrLocalisation {font-style: italic; color: var(--coul-commandes-texte); } 
.mrHoraires {font-size: .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: 6px; grid-template-columns: auto 1fr; gap: 2px 10px; } 
.mrSansHoraires {font-size: .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 {text-align: center; 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: 0px; transition: transform .3s; } 
.fpImageCadre:hover img.fpImage {transform: scale(1.03); } 
.fpZoom {color: var(--coul-catalogue-texte); 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: 10px; border: 2px solid #e5e7eb; transition: border-color .2s; cursor: pointer; } 
.fpVignette:hover {border-color: #a5b4fc; } 
.fpVignette.fpActive {border-color: #4f46e5; } 
.mmIntro {text-align: center; color: var(--coul-informations-texte); max-width: 760px; background: transparent; margin-right: auto; margin-left: auto; display: block; line-height: 1.6; white-space: normal; } 
.mmListe {text-align: left; width: 100%; max-width: 780px; margin: 10px auto 20px; display: grid; grid-template-columns: repeat(auto-fill,minmax(230px,1fr)); gap: 12px; } 
.mmCarte {text-align: left; background: var(--coul-informations-fond); border-radius: 12px; border: 1px solid #e5e7eb; display: flex; padding: 14px 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: #4f46e5; width: 46px; min-width: 46px; height: 46px; background: #eef2ff; border-radius: 12px; display: inline-flex; overflow: hidden; justify-content: center; align-items: center; } 
.mmIco img {max-width: 32px; max-height: 32px; } 
.mmLib {font-size: .98rem; color: 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; } 
.pageAccM4.rayGrille {text-align: center; font-style: normal; width: 100%; max-width: 960px; min-height: 0px; background: transparent; margin: 14px auto 24px; display: grid; justify-content: center; align-items: stretch; grid-template-columns: repeat(auto-fit,minmax(200px,240px)); gap: 18px; } 
.rayCarte {text-decoration: none; text-align: center; width: 100%; background: 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: #c7d2fe; 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: 0px; border-radius: 0px; border-style: none; padding: 0px; transition: transform .3s; } 
.rayCarte:hover img.rayImage {transform: scale(1.05); } 
.rayCarte .rayTitre {text-align: center; font-family: inherit; font-style: normal; font-size: 1rem; color: var(--coul-global-texte); font-weight: 700; background: transparent; margin: 0px; border-style: none; display: block; padding: 12px 10px 14px; } 
.pageAccM4.rayGrille.rayBlocs {max-width: 980px; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); } 
.rayBlocs .rayImageCadre {height: 230px; } 
.rayBlocs .rayTitre {font-size: 1.15rem; padding-bottom: 16px; padding-top: 14px; }