@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;} 
#affRes {text-align: center; color: #2684e8; background: #FFFFFF; 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; fill: #2684e8; visibility: visible; white-space: nowrap; } 
#bandeau-container {text-align: center; color: #cfeff7; width: 100%; background: #4a79c4; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-color: #cfeff7; display: block; padding-bottom: 3px; padding-top: 3px; padding-right: 3px; padding-left: 3px; fill: #cfeff7; } 
#barreClientContainer {text-align: center; font-size: 1rem; color: #3b3b3b; width: 100%; height: 70%; background: #FFFFFF; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-color: #cfeff7; 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: #3b3b3b; text-transform: none; grid-column: 1 / span 3; } 
#blocSynthese {text-align: center; font-size: 1rem; color: #0000CD; width: 98%; height: 100%; background: #FFFFFF; vertical-align: top; margin-bottom: auto; margin-right: auto; margin-left: 10px; display: block; padding-bottom: 3px; padding-top: 3px; padding-right: 3px; padding-left: 3px; fill: #0000CD; grid-column: 2; grid-row: 1 / span 3; } 
#body {text-decoration: none; text-align: center; font-family: Trebuchet MS, sans-serif; color: #cfeff7; width: 100%; background: #434c4c; vertical-align: top; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; fill: #cfeff7; align-content: center; } 
#bodyImg {text-decoration: none; text-align: center; width: 100%; height: 100%; background: #4a79c4; vertical-align: top; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; background-image:url('../../Design/_fonds/boulestransp.jpg');background-repeat: round; background-size: auto; align-content: center; } 
#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: 3px; border-style: none; border-color: #A52A2A; border-width: 1px; display: inline-block; padding-right: 1px; padding-left: 1px; list-style-type: none; opacity: 1; visibility: visible; white-space: nowrap; z-index: 0; cursor: pointer; } 
#btnAdminIco {font-size: 14px; color: #0000FF; fill: #0000FF; resize: both; list-style-type: none; visibility: visible; white-space: nowrap; cursor: pointer; } 
#btnAdminText {text-decoration: none; font-size: 1rem; 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; } 
#catalogueImgDiapo {text-align: left; color: #2684e8; background: #FFFFFF; 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: #2684e8; float: left; resize: none; visibility: visible; white-space: nowrap; grid-column: 1; grid-row: 2 / span 3; } 
#sousCat-container {text-align: center; font-size: 14px; 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; text-transform: lowercase; top: -7px; overflow: visible; list-style-type: none; white-space: nowrap; z-index: 5; }
#container-usrSiteMsg {text-align: center; font-size: 1rem; color: #cfeff7; width: 100%; background: #4a79c4; 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: #cfeff7; overflow: auto; white-space: break-spaces; align-content: center; grid-column: 1 / span 4; grid-row: 4; } 
#detailsOnglets {text-align: left; font-size: 1rem; color: #3b3b3b; height: 1%; background: #FFFFFF; vertical-align: top; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; display: block; fill: #3b3b3b; text-transform: none; visibility: visible; grid-column: 1/ span 3; } 
#detailsOnglets a {text-align: left; font-size: 1rem; color: #3b3b3b; height: 1%; background: #FFFFFF; vertical-align: top; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; display: block; fill: #3b3b3b; text-transform: none; visibility: visible; grid-column: 1/ span 3; } 
#detailsOnglets a:hover {text-align: left; font-size: 1rem; color: #3b3b3b; height: 1%; background: #FFFFFF; vertical-align: top; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; display: block; fill: #3b3b3b; text-transform: none; visibility: visible; } 
#detailsOnglets li {text-align: left; font-size: 1rem; color: #3b3b3b; height: 1%; background: #FFFFFF; vertical-align: top; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; display: block; fill: #3b3b3b; text-transform: none; visibility: visible; grid-column: 1/ span 3; } 
#detailsOnglets li:hover {text-align: left; font-size: 1rem; color: #3b3b3b; height: 1%; background: #FFFFFF; vertical-align: top; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; display: block; fill: #3b3b3b; text-transform: none; } 
#detailsOnglets li.sactive {text-align: left; font-size: 1rem; color: #3b3b3b; height: 1%; background: #FFFFFF; vertical-align: top; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; display: block; fill: #3b3b3b; text-transform: none; visibility: visible; grid-column: 1/ span 3; } 
#deux {font-size: 14px; color: #FF8C00; font-weight: bold; background: #FFFFFF; margin-right: auto; fill: #FF8C00; animation: 5s theTwo; } 
#devise {text-align: center; font-size: 14px; color: #cfeff7; height: 17px; background: #4a79c4; 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: #cfeff7; } 
#eCol1 {text-align: center; color: #cfeff7; height: 100%; vertical-align: middle; display: block; fill: #cfeff7; visibility: visible; white-space: nowrap; z-index: 4; grid-column: 1; grid-row: 1; } 
#eCol2 {color: #cfeff7; height: 100%; display: block; padding-top: 30px; fill: #cfeff7; white-space: normal; z-index: 4; grid-column: 2; grid-row: 1; } 
#eCol3 {text-align: center; color: #cfeff7; height: 100%; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; display: block; fill: #cfeff7; z-index: 4; flex-direction: row; grid-column: 3; grid-row: 1; } 
#eCol4 {text-align: center; color: #cfeff7; height: 100%; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; padding-top: 25px; fill: #cfeff7; z-index: 4; flex-direction: column; grid-column: 5; grid-row: 1 / span 2; } 
#eCol5 {text-align: center; color: #cfeff7; height: 100%; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; display: block; fill: #cfeff7; z-index: 4; flex-direction: row; grid-column: 5; grid-row: 1 / span 2; } 
#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; } 
#familles-container {text-align: left; color: #2684e8; width: 100%; height: 100%; background: #FFFFFF; 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: #2684e8; overflow: visible; list-style-type: none; visibility: visible; white-space: nowrap; z-index: 1; } 
#header-container {text-align: center; color: #cfeff7; width: 100%; max-width: 1400px; max-height: 100%; background: #4a79c4; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-color: #98FB98; border-width: 0px; border-top: 1px solid #98FB98; display: grid; padding-bottom: 5px; padding-top: 5px; padding-right: 5px; padding-left: 5px; position: relative; line-height: 40px; fill: #cfeff7; top: 0px; 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 4; grid-row: 1 / span 2; } 

#header-containerImg {text-align: center; font-size: 1.3rem; color: #cfeff7; max-width: 100%; max-height: 100px; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; display: grid; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; fill: #cfeff7; background-image:url('../../Design/_titre/titre_du_site.png');background-repeat: no-repeat; background-size: contain; grid-column: 1 / span 4; grid-row: 1; } 

#iconeMaint {color: #cfeff7; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-color: #cfeff7; border-width: 0px; display: inline; fill: #cfeff7; white-space: normal; z-index: 1; } 
#imgTitre {text-decoration: none; text-align: center; font-family: Lemon, cursive;; font-size: 1.8rem; color: #cfeff7; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; padding-top: 30px; fill: #cfeff7; resize: none; text-transform: none; overflow: visible; white-space: normal; background-repeat: initial; flex-basis: 100%; align-content: center; grid-column: 2; } 
#itemMaint {text-align: center; font-size: 1rem; color: #cfeff7; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-radius: 7px; border-color: #cfeff7; border-width: 0px; padding-bottom: 2px; padding-top: 2px; padding-right: 2px; padding-left: 2px; fill: #cfeff7; white-space: normal; z-index: 1; } 
#logo {text-align: center; width: 100%; max-width: 150px; max-height: 150px; background: #4a79c4; vertical-align: middle; margin-bottom: auto; margin-top: 20px; margin-right: auto; margin-left: auto; border-radius: 100%; white-space: normal; z-index: 100; } 
#mdpMess {text-align: center; font-style: italic; font-size: 0.8rem; color: #3b3b3b; height: auto; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; fill: #3b3b3b; white-space: break-spaces; grid-column: 1 / span 2; } 
#menuD-container {text-align: center; color: #cfeff7; background: #4a79c4; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-style: solid; border-color: #0000FF; border-width: 1px; border-bottom: 0; border-top: 0; border-left: 0; border-right: 0; display: block; fill: #cfeff7; clear: both; z-index: 4; grid-row: 1 / span 2; } 
#menuDeroulantBarre {text-align: center; color: #cfeff7; max-width: 600px; height: auto; background: #4a79c4; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-radius: 3px; border-color: #7FFF00; border-top: 0; display: flex; padding-bottom: 8px; padding-top: 8px; padding-right: 8px; padding-left: 8px; fill: #cfeff7; resize: none; z-index: 2; flex-direction: row; align-content: center; justify-content: center; } 
#menuIndep-container {text-align: center; color: #cfeff7; width: 90%; background: #4a79c4; 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: #cfeff7; top: 60px; clear: both; z-index: 1; cursor: inherit; } 
#messCom {text-align: center; font-family: Lemon, cursive;; font-size: 1.1rem; color: #cfeff7; 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: #cfeff7; white-space: normal; } 
#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: #cfeff7; border-width: 1px; display: inline; padding-bottom: 2px; padding-top: 2px; padding-right: 2px; padding-left: 2px; fill: #000000; opacity: .9; white-space: normal; z-index: 1; } 
#ongActv, #txtActv {text-align: center; color: #FFFFFF; background: #1E90FF; margin-bottom: auto; margin-right: auto; margin-left: auto; fill: #FFFFFF; } 
#ongletBarre {text-align: center; color: #cfeff7; width: 100%; margin-bottom: auto; margin-top: 8px; margin-right: auto; margin-left: auto; border-style: solid; border-color: #FF7F50; border-width: 1px; border-bottom: 1px solid Couleur globale; border-top: 0; border-left: 0; border-right: 0; display: block; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; position: relative; fill: #cfeff7; float: left; list-style-type: none; grid-column: 1 / span 2; } 
#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; } 
#ongletBarre li {text-align: center; height: 1.5%; margin-bottom: 1px; margin-top: 1px; margin-right: 2px; margin-left: 2px; border-style: solid; border-color: #808080; border-width: 1px; border-bottom: 0; display: inline; padding-bottom: 7px; padding-top: 7px; padding-right: 7px; padding-left: 7px; float: left; list-style-type: none; } 
#ongletBarre li:hover {text-align: center; color: #FFFFFF; background: #1E90FF; margin-bottom: auto; margin-right: auto; margin-left: auto; border-bottom: 0; fill: #FFFFFF; cursor: pointer; } 
#optionForm {text-align: left; font-size: 1rem; 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; font-size: 14px; color: #0000CD; 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: #0000CD; overflow: auto; align-content: center; justify-items: center; grid-column: 1; } 
#page-container {text-align: center; width: 100%; height: 100%; background: #4a79c4; 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 4; grid-row: 5 / span 3; } 
#pageConnexion {text-align: center; font-size: 14px; color: #cfeff7; 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: #cfeff7; text-transform: none; align-content: center; grid-template-columns: 40% 50%; grid-row-gap: 5px; grid-column: 1 / span 3; } 
#panierConteneurItem {text-align: left; color: #0000CD; height: auto; background: #FFFFFF; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-color: #0000CD; border-width: 0px; display: block; padding-bottom: 20px; padding-top: 20px; padding-right: 20px; padding-left: 20px; fill: #0000CD; visibility: visible; flex-direction: row; justify-content: center; justify-items: center; flex-wrap: wrap; grid-column: 1; } 
#pdp-container {text-align: center; color: #cfeff7; width: 100%; background: #4a79c4; vertical-align: top; margin-bottom: 0px; margin-top: 1px; margin-right: 0px; margin-left: 0px; border-style: none; border-width: 2px; display: block; padding-bottom: 20px; padding-top: 20px; padding-right: 20px; padding-left: 20px; fill: #cfeff7; white-space: normal; background-size: cover; grid-column: 1 / span 4; grid-row: 8; } 
#pdpBarre {text-align: center; font-size: 1em; color: #cfeff7; background: #4a79c4; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-radius: 3px; border-color: #FFFFFF; border-width: 0px; display: block; padding-bottom: 10px; padding-top: 10px; padding-right: 10px; padding-left: 10px; fill: #cfeff7; white-space: normal; } 
#player {text-align: center; font-size: 14px; color: #cfeff7; 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: #cfeff7; 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; } 
#promos-container {text-align: center; color: #cfeff7; background: #4a79c4; vertical-align: top; margin-bottom: 15px; margin-top: auto; margin-right: auto; margin-left: auto; fill: #cfeff7; text-transform: none; overflow: initial; flex-direction: row; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 5px; } 
#pub-container {text-align: center; color: #f7e155; width: 100%; background: #4a79c4; 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: #f7e155; 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 4; grid-row: 7; } 
#recapContainer {text-align: left; color: #0000CD; background: #FFFFFF; vertical-align: middle; margin-bottom: auto; margin-right: auto; margin-left: auto; display: flex; padding-bottom: 5px; padding-top: 5px; padding-right: 5px; padding-left: 5px; fill: #0000CD; 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: 5px; grid-gap: 5px; grid-column: 1; } 
#rechBarre-container {text-align: center; width: 100%; background: #4a79c4; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-color: #f4eaff; border-width: 0px; border-top: 0; border-left: 0; border-right: 0; display: block; position: relative; visibility: visible; white-space: nowrap; background-size: cover; flex-direction: row; grid-column: 1 / span 4; grid-row: 3; } 
#rechBtn {text-align: left; color: #2684e8; vertical-align: middle; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; border-radius: 7px; border-color: #cfeff7; border-width: 0px; display: inline; padding-bottom: 3px; padding-top: 3px; padding-right: 3px; padding-left: 3px; fill: #2684e8; list-style-type: circle; visibility: visible; white-space: nowrap; cursor: pointer; } 
#rechInput {text-align: center; font-size: 1em; color: #2684e8; 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: #2684e8; list-style-type: circle; opacity: .9; visibility: visible; white-space: nowrap; } 
#rechItem {font-size: 1em; color: #2684e8; 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: #2684e8; list-style-type: circle; visibility: visible; white-space: nowrap; } 
#site-container {text-align: center; width: 100%; max-width: 1400px; height: 100%; background: #4a79c4; 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; } 
#syntheseLignes {width: 100%; background: #FFFFFF; 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; } 
#tableCli {text-align: left; font-size: 1rem; color: #3b3b3b; width: 70%; height: auto; background: #FFFFFF; vertical-align: top; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; display: grid; padding-bottom: 5px; padding-top: 5px; padding-right: 5px; padding-left: 5px; fill: #3b3b3b; float: none; text-transform: none; clear: both; visibility: visible; grid-template-columns: 50% 50%; grid-column: 1 / span 2; } 
#tableMesCdes {text-align: center; font-size: 1.1rem; color: #3b3b3b; 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-radius: 2px; border-color: #7CA2FA; display: grid; fill: #3b3b3b; 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; } 
#tablePages {text-align: left; width: 100%; height: 100%; min-height: 250px; background: #4a79c4; vertical-align: middle; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; border-color: #8A2BE2; display: grid; padding-bottom: 7px; padding-top: 7px; padding-right: 7px; padding-left: 7px; 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; } 
#trois {font-size: 14px; color: #FF0000; font-weight: bold; background: #FFFFFF; margin-right: auto; display: block; fill: #FF0000; animation: 5s theThree; } 
#un {font-size: 14px; color: #FFD700; font-weight: bold; background: #FFFF00; margin-bottom: auto; margin-right: auto; margin-left: 19px; fill: #FFD700; animation: theUn 5s; } 
#ventes {font-size: 7px; 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; } 
a {text-decoration: none; color: #000000; height: auto; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; fill: #000000; } 
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; } 
.a:link {color: #cfeff7; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; fill: #cfeff7; } 
.a:visited {color: #cfeff7; max-height: 60%; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; fill: #cfeff7; align-content: center; justify-content: center; } 
.bandeauImg {text-decoration: none; text-align: center; font-size: 14px; width: 100%; max-width: 100%; height: 150px; max-height: 150px; vertical-align: top; display: inline; position: relative; resize: none; text-transform: none; background-repeat: initial; flex-basis: auto; align-content: center; } 
.blocItemPanier {text-align: center; font-style: initial; font-size: 0.9em; color: #cfeff7; font-weight: bold; width: 100%; height: auto; background: #4a79c4; vertical-align: middle; margin-bottom: 2px; margin-top: 2px; margin-right: 0px; margin-left: 0px; border-color: #cfeff7; 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: #cfeff7; visibility: initial; white-space: normal; justify-content: space-around; justify-items: center; } 
.boutons {text-decoration: none; text-align: center; font-size: 1rem; color: blue; min-width: 25%; height: auto; background: #99c1f1; vertical-align: middle; margin-bottom: 8px; margin-top: 5px; margin-right: auto; margin-left: auto; border-radius: 20px; border-style: solid; border-color: blue; border-width: 1px; display: inline; padding-bottom: 5px; padding-top: 5px; padding-right: 5px; padding-left: 5px; fill: blue; resize: none; clear: none; white-space: nowrap; cursor: pointer; align-content: center; justify-content: center; align-items: center; } 
.boutons:hover {color: #0000FF; border-radius: 20px; fill: #0000FF; box-shadow: 0 2px 2px 0; cursor: pointer; } 
.btnFormOptionDisabled {text-align: left; font-size: 1rem; color: #000000; 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; } 
.btnFormOptionEnabled {text-align: center; font-size: 1rem; color: #000000; margin-bottom: 0px; margin-top: 10px; margin-right: auto; margin-left: auto; padding-bottom: 10px; padding-top: 10px; padding-right: 10px; padding-left: 10px; line-height: 25px; fill: #000000; overflow: auto; align-content: center; justify-items: center; grid-column-gap: 1px; } 
.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; } 
.categories-boite {text-align: center; width: 100%; background: #FFFFFF; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-radius: 7px; border-style: solid; border-width: 1px; border-bottom: 1px solid; border-top: 1px solid; border-left: 1px solid; border-right: 1px solid; display: grid; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; float: left; overflow: visible; clear: both; z-index: 5; flex-direction: column; grid-template-columns: auto auto; } 
.categoriesImages {text-align: right; color: #cfeff7; 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: #cfeff7; top: 0px; right: 0px; list-style-type: circle; visibility: visible; white-space: nowrap; z-index: 5; grid-column: 2; grid-row: 1; } 
.categoriesItems {text-decoration: none; text-align: left; font-size: 14px; color: #2684e8; width: 90%; background: #FFFFFF; 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: #2684e8; 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; } 
.champEtapesDone {font-size: 1rem; color: #006400; display: inline; fill: #006400; visibility: visible; } 
.champEtapesTodo {font-size: 1rem; color: #cfeff7; display: block; fill: #cfeff7; visibility: visible; } 
.champsCatalogue {font-size: 1rem; color: #2684e8; width: 80%; background: #FFFFFF; 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: #2684e8; } 
.champsCatalogueCell {text-align: left; color: #2684e8; min-width: 25%; height: auto; background: #FFFFFF; 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: #2684e8; visibility: visible; grid-column: 2; } 
.champsCli {text-align: left; font-size: 1rem; color: #000000; min-width: 50%; height: auto; background: #FFFFFF; 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; } 
.champsCliCell {text-align: left; font-size: 1rem; color: #3b3b3b; height: auto; background: #FFFFFF; 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: #3b3b3b; text-transform: none; visibility: visible; grid-column: 2; } 
.champsConn {text-align: left; font-size: 1em; color: #666060; height: auto; vertical-align: middle; border-radius: 7px; border-color: #cfeff7; border-width: 1px; display: inline; padding-bottom: 2px; padding-top: 2px; padding-right: 2px; padding-left: 2px; fill: #666060; text-transform: none; visibility: visible; } 
.champsConnCell {text-align: left; font-size: 1em; 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; } 
.champsInfos {font-size: 1rem; color: #4169E1; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; border-color: #cfeff7; display: inline; padding-bottom: 3px; padding-top: 3px; padding-right: 3px; padding-left: 3px; position: relative; fill: #4169E1; visibility: visible; } 
.champsInfosCell {font-size: 1rem; 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; } 
.champsMesCdes {text-align: left; font-size: 1em; color: #3b3b3b; width: 100%; height: 100%; background: #4a79c4; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; display: block; fill: #3b3b3b; visibility: visible; } 
.champsMesCdesCell {text-align: center; font-size: 1em; color: #3b3b3b; width: 100%; height: auto; background: #4a79c4; 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: #3b3b3b; top: 5px; visibility: visible; } 
.champsPanier {text-align: center; font-size: 1rem; color: #0000CD; width: 100%; height: auto; background: #FFFFFF; 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: 5px; padding-left: 5px; fill: #0000CD; visibility: visible; white-space: normal; } 
.champsPanierCell {text-align: center; height: auto; background: #FFFFFF; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: 3px; border-color: #A9A9A9; 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; white-space: normal; } 
.cliLignes {text-align: left; font-size: 14px; color: #3b3b3b; width: 100%; height: 1px; background: #A9A9A9; vertical-align: top; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; border-style: none; border-color: #A9A9A9; border-width: 1px; display: block; fill: #3b3b3b; text-transform: none; visibility: visible; grid-column: 1/ span 3; } 
.connLignes {text-decoration: none; text-align: center; font-size: 14px; color: #A9A9A9; width: 97%; height: 1px; background: #4a79c4; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-style: solid; border-color: #e2ee3a; border-width: 1px; border-bottom: 0; border-top: 1px solid lightgrey; border-left: 0; border-right: 0; display: block; fill: #A9A9A9; grid-column: 1 / span 2; } 
.connListeDeroulante {text-decoration: none; font-size: 14px; color: #cfeff7; font-weight: bold; height: 100%; background: #4a79c4; 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: #cfeff7; resize: both; text-transform: lowercase; list-style-type: none; visibility: visible; z-index: 0; } 
.connTitre {text-align: left; font-size: 1.1rem; 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 grey; 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; } 
.debug {font-size: 14px; color: #cfeff7; background: #4a79c4; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; border-radius: 3px; border-style: solid; border-color: #cfeff7; 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; } 
.descMenu {text-align: left; font-size: 1rem; 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; } 
.descProduits {text-decoration: none; text-align: left; font-size: 1rem; color: #2684e8; height: auto; background: #FFFFFF; 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: #2684e8; overflow: auto; visibility: visible; white-space: normal; grid-column: 2; grid-row: 2; } 
.detailResponsiv {text-align: center; width: 98%; 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; grid-column: 1 / span 7; } 
.divChamps {text-align: left; font-size: 1rem; 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; font-size: 1rem; 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; } 
.divLibellés {text-align: center; font-size: 14px; color: #0000CD; width: 100%; background: #4a79c4; 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: #0000CD; overflow: auto; align-content: center; justify-items: center; } 
.divMenu {text-align: left; font-size: 1rem; 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; } 
.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: #cfeff7; fill: #cfeff7; cursor: pointer; } 
.familles-boite {text-align: left; color: #2684e8; background: #FFFFFF; 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: #2684e8; list-style-type: none; opacity: 1; visibility: visible; white-space: normal; } 
.familles-boite:hover ul, .familles-boite:hover #sousCat-container {color: #cfeff7; 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: 141px; fill: #cfeff7; top: 0px; opacity: 1; visibility: visible; white-space: nowrap; z-index: 5; flex-direction: column; }
.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: #2684e8; 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-libelle {text-align: left; font-size: 1rem; color: #1E90FF; width: 50%; height: 28px; background: #FFFFFF; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-color: #cfeff7; display: inline; padding-bottom: 2px; padding-top: 4px; padding-right: 2px; padding-left: 4px; line-height: 28px; fill: #1E90FF; resize: none; text-transform: inherit; top: 0px; opacity: 1; visibility: visible; white-space: normal; cursor: pointer; align-content: center; } 
.gondole-container {color: #2684e8; background: #FFFFFF; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-color: #2684e8; display: flex; fill: #2684e8; background-size: cover; flex-direction: row; flex-basis: auto; align-content: flex-start; justify-content: center; align-items: flex-start; flex-wrap: wrap; } 
.hidden {text-align: center; width: 0px; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; display: none; } 
.iconeBarrePromo {text-align: center; 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; } 
.icones, .fas, .fad, .far, .fab, .fal {text-decoration: none; text-align: center; font-size: 1rem; vertical-align: middle; margin-bottom: 2px; margin-top: 2px; margin-right: 2px; margin-left: 2px; } 
.iconesPpauxMenuDeroulant, .menuDeroulantItem>.fad, .menuDeroulantItem>.far {text-align: center; font-size: 2rem; color: #cfeff7; height: auto; background: #4a79c4; 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: #cfeff7; resize: inherit; white-space: nowrap; z-index: 2; cursor: pointer; } 
.imageAccM2 {text-align: center; color: #cfeff7; width: 98%; height: auto; background: #4a79c4; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-color: #edfd0d; border-width: 0px; display: block; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; fill: #cfeff7; z-index: 0; grid-column: 2; } 
.imgFamilleBlocAcc {text-align: left; font-size: 14px; color: #cfeff7; width: 100px; height: 100px; background: #4a79c4; vertical-align: top; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-radius: 2px; border-color: #B22222; border-width: 0px; display: block; padding-bottom: 10px; padding-top: 10px; padding-right: 10px; padding-left: 10px; fill: #cfeff7; text-transform: none; clear: left; } 
.imgFamilleVignette {text-align: center; font-style: italic; color: #cfeff7; font-weight: bold; width: 100px; height: 100px; background: #4a79c4; vertical-align: top; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-radius: 50%; display: block; padding-bottom: 5px; padding-top: 5px; padding-right: 5px; padding-left: 5px; fill: #cfeff7; text-transform: none; clear: left; } 
.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: #cfeff7; 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; } 
.input:focus {margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-color: #2D2300; } 
.itemBarrePromo {text-align: center; font-size: 1em; color: #2684e8; height: auto; background: #FFFFFF; vertical-align: middle; margin-bottom: auto; margin-top: 10px; margin-right: 10px; margin-left: auto; border-radius: 10px; border-width: 0px; padding-bottom: 6px; padding-top: 2px; padding-right: 2px; padding-left: 2px; line-height: 1.4em; fill: #2684e8; white-space: nowrap; background-size: cover; cursor: pointer; } 
.itemPanier {text-align: center; font-style: initial; font-size: 0.9em; color: #cfeff7; font-weight: bold; width: 100%; height: auto; background: #4a79c4; vertical-align: middle; margin-bottom: 2px; margin-top: 2px; margin-right: 0px; margin-left: 0px; border-color: #cfeff7; 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: #cfeff7; visibility: initial; white-space: normal; } 
.libCatalogue {color: #2684e8; background: #FFFFFF; display: inline; padding-bottom: 2px; padding-top: 2px; padding-right: 2px; padding-left: 2px; fill: #2684e8; } 
.libCatalogueCell {text-align: right; font-size: 1rem; color: #2684e8; height: auto; background: #FFFFFF; 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: #2684e8; overflow: initial; visibility: visible; grid-column: 1; } 
.libClients {text-align: right; font-size: 1rem; color: #5F9EA0; height: auto; background: #FFFFFF; vertical-align: middle; display: inline; padding-bottom: 2px; padding-top: 2px; padding-right: 2px; padding-left: 2px; line-height: 1.2em; fill: #5F9EA0; text-transform: none; visibility: visible; align-content: end; } 
.libClientsCell {text-align: right; font-size: 14px; height: auto; background: #FFFFFF; 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; } 
.libConn {text-align: right; font-size: 1em; color: #666060; 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: #666060; text-transform: none; visibility: visible; align-content: end; grid-column: 1; } 
.libConnCell {text-align: right; font-size: 1em; color: #808080; 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-top: 2px; padding-right: 2px; padding-left: 2px; line-height: 1.2em; fill: #808080; text-transform: capitalize; clear: both; visibility: visible; align-content: end; justify-content: flex-end; align-items: flex-end; grid-column: 1; } 
.libellesForm {text-align: center; font-size: 1rem; color: #e8f812; font-weight: bold; background: #4a79c4; 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: #e8f812; overflow: auto; align-content: center; justify-items: center; } 
.libEtapes {font-size: 1rem; color: #cfeff7; display: inline; fill: #cfeff7; visibility: visible; } 
.libEtapesCell {color: #0000CD; display: block; fill: #0000CD; visibility: visible; } 
.libInfos {font-size: 1rem; color: #4169E1; background: #FFFFFF; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; border-color: #cfeff7; padding-bottom: 8px; padding-top: 8px; padding-right: 8px; padding-left: 8px; fill: #4169E1; visibility: visible; white-space: normal; } 
.libInfosCell {font-size: 14px; background: #FFFFFF; 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; } 
.libMesCdes {text-align: center; font-size: 1em; color: #3b3b3b; width: 100%; height: auto; background: #4a79c4; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; display: block; fill: #3b3b3b; visibility: visible; } 
.libMesCdesCell {text-align: center; font-size: 1em; color: #3b3b3b; width: 100%; height: auto; background: #4a79c4; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-color: #e8e8e8; display: block; fill: #3b3b3b; visibility: visible; } 
.libPanier {text-align: center; font-style: initial; font-size: 1em; color: #0000CD; font-weight: bold; width: 100%; height: 20px; background: #FFFFFF; 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: 3px; padding-left: 3px; fill: #0000CD; visibility: initial; white-space: normal; } 
.libPanierCell {text-align: center; color: #0000CD; width: 100%; height: auto; background: #FFFFFF; margin-bottom: 7px; margin-top: 7px; margin-right: 7px; border-style: solid; border-color: #F0FFFF; border-width: 1px; border-bottom: 0; border-top: 0; border-left: 0; border-right: 0; display: block; line-height: 25px; fill: #0000CD; visibility: visible; white-space: normal; } 
.lignesCatalogue {font-size: 14px; color: #2684e8; width: 100%; height: 0.5px; background: #FFFFFF; margin-bottom: 10px; margin-top: 4px; margin-right: 0px; margin-left: 0px; fill: #2684e8; list-style-type: circle; visibility: visible; white-space: nowrap; } 
.lignesEtapes {font-size: 14px; color: #0000CD; width: 0%; height: 1%; margin-bottom: 0px; margin-top: 2px; margin-right: 0px; margin-left: 0px; fill: #0000CD; visibility: visible; } 
.lignesInfos {color: #4169E1; width: 0%; height: 1px; background: #FFFFFF; margin-bottom: 0px; margin-top: 2px; margin-right: 0px; margin-left: 0px; fill: #4169E1; visibility: visible; } 
.lignesMesCdes {text-align: center; font-size: 1em; color: #3b3b3b; height: auto; background: #FFFFFF; display: inline; fill: #3b3b3b; visibility: visible; } 
.lignesMesCdesCell {text-align: left; font-size: 1em; color: #3b3b3b; height: auto; background: #FFFFFF; margin-bottom: 0px; margin-top: 2px; margin-right: 0px; margin-left: 0px; display: block; fill: #3b3b3b; visibility: visible; } 
.listeDeroulanteCat {text-align: left; color: #2684e8; 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: #A9A9A9; border-width: 1px; fill: #2684e8; overflow: auto; list-style-type: circle; visibility: visible; white-space: nowrap; } 
.listeDeroulanteCli {text-align: left; font-size: 1rem; 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; } 
.listeDeroulantePanier {font-size: 14px; color: #0000CD; background: #FFFFFF; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; border-radius: 7px; border-style: solid; border-color: #0000CD; border-width: 1px; fill: #0000CD; visibility: visible; } 
.logoAnime {text-align: center; font-size: 14px; 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: theLogo 5s ; text-transform: capitalize; visibility: visible; }
.menuDeroulantItem {text-decoration: none; text-align: center; font-size: 1rem; color: #cfeff7; width: 260px; background: #4a79c4; vertical-align: middle; margin-bottom: 0px; margin-top: 10px; margin-right: 10px; margin-left: 10px; border-style: solid; border-color: #transparent; border-width: 1px; border-bottom: 0; border-top: 0; border-left: 0; border-right: 0; display: block; padding-bottom: 3px; padding-top: 3px; padding-right: 3px; padding-left: 3px; position: relative; fill: #cfeff7; 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; } 
.menuDeroulantItem:hover,menuDeroulantItem:focus {text-decoration: none; color: #cfeff7; height: auto; background: #4a79c4; 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: #cfeff7; 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: #cfeff7; height: auto; background: #4a79c4; vertical-align: middle; margin-bottom: auto; margin-right: auto; margin-left: auto; fill: #cfeff7; resize: none; visibility: visible; white-space: nowrap; z-index: 2; cursor: pointer; } 
.mesCdesCoulImpair {text-align: left; color: #6495ED; background: #ffffff; vertical-align: middle; fill: #6495ED; visibility: visible; } 
.message {text-align: center; font-size: 16px; color: #cfeff7; background: #4a79c4; 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: #cfeff7; text-transform: none; clear: both; white-space: normal; align-content: center; grid-column: 1 / span 3; } 
.messageConnect {text-align: center; font-size: 1rem; color: #cfeff7; 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: #cfeff7; text-transform: none; clear: both; align-content: center; grid-column: 1 / span 3; } 
.msgCatalogue {text-align: center; font-size: 14px; color: #2684e8; height: auto; background: #FFFFFF; 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: #2684e8; list-style-type: none; visibility: visible; white-space: normal; grid-column: 1 / span 3; } 
.msgCli {text-align: center; font-size: 14px; color: #3b3b3b; height: auto; background: #FFFFFF; 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: #3b3b3b; text-transform: none; visibility: visible; white-space: normal; } 
.msgInfos {text-align: center; font-size: 1rem; color: #4169E1; width: 100%; height: auto; background: #FFFFFF; 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: #4169E1; visibility: visible; white-space: normal; grid-column: 1 / span 2; } 
.msgKo {font-size: 1.1em; color: #fafafa; height: auto; background: #971717; 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: #fafafa; text-transform: none; overflow: auto; white-space: normal; } 
.msgOk {font-size: 17px; color: #FFFFFF; background: #36721d; margin-bottom: 0px; margin-top: 0px; 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; } 
.msgPanier {text-align: center; font-size: 1rem; 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; overflow: initial; visibility: visible; white-space: normal; grid-column: 1 / span 3; } 
.onlyInResponsive {text-align: center; display: none; } 
.pageAccM2 {text-align: left; font-size: 1rem; color: #cfeff7; width: 98%; background: #4a79c4; vertical-align: top; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-radius: 2px; border-color: #D3D3D3; border-width: 0px; display: block; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; fill: #cfeff7; text-transform: none; clear: left; grid-column: 2 / span 3; grid-row: 4 / span 3; } 
.pageAccM3 {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: 10px; padding-top: 10px; padding-right: 10px; padding-left: 10px; flex-direction: row; flex-basis: 100px; flex-wrap: wrap; grid-template-columns: 40% 20% 40%; } 
.pageAccM4 {text-align: center; font-style: italic; font-size: 1.2rem; color: #cfeff7; font-weight: bold; width: 100%; height: auto; min-height: 180px; background: #4a79c4; 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: #cfeff7; text-transform: none; clear: left; flex-direction: row; align-content: center; justify-content: space-around; align-items: center; flex-wrap: wrap; } 
.pageNavigation {text-align: center; font-size: 14px; color: #cfeff7; width: 100%; background: #4a79c4; 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: #cfeff7; text-transform: none; align-content: center; grid-template-columns: 50% 50%; grid-column: 1 / span 3; } 
.panierLignes {font-size: 14px; color: #A9A9A9; 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: #A9A9A9; visibility: visible; } 
.panierTitre {text-align: left; font-size: 1.1rem; color: #0000CD; font-weight: bold; width: 100%; height: auto; background: #FFFFFF; margin-bottom: 5px; margin-top: 5px; margin-right: 5px; margin-left: 5px; border-color: #cfeff7; display: block; padding-bottom: 4px; padding-top: 4px; padding-right: 4px; padding-left: 4px; line-height: 1.3em; fill: #0000CD; white-space: normal; grid-column: 1 / span 2; } 
.pdpIcone {text-align: center; width: 28px; height: 28px; vertical-align: middle; margin-bottom: auto; margin-right: auto; margin-left: auto; border-radius: 7px; border-color: #D3D3D3; display: inline; line-height: 25px; } 
.pdpItem {text-align: center; font-size: 1.2em; 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; white-space: normal; } 
.pdpTxt {text-align: center; font-size: 1em; color: #cfeff7; height: 35px; max-height: 35px; background: #4a79c4; vertical-align: middle; margin-bottom: 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: #cfeff7; white-space: normal; } 
.prix {text-align: left; font-size: 1em; color: #2684e8; height: auto; background: #FFFFFF; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; border-color: #cfeff7; border-width: 0px; display: inline; padding-bottom: 2px; padding-top: 0px; padding-right: 2px; padding-left: 0px; fill: #2684e8; overflow: visible; visibility: visible; white-space: nowrap; grid-column: 2; } 
.prixRemise {text-align: left; font-size: 1em; color: #2684e8; font-weight: bold; background: #FFFFFF; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; border-color: #cfeff7; border-width: 0px; display: inline; padding-bottom: 2px; padding-top: 2px; padding-right: 2px; padding-left: 2px; fill: #2684e8; overflow: visible; visibility: visible; white-space: nowrap; grid-column: 2; } 
.promos {font-size: 14px; color: #2684e8; background: #FFFFFF; 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: #2684e8; list-style-type: circle; visibility: visible; white-space: nowrap; } 
.pub-image
 {text-align: center; color: #1E90FF; max-width: 100%; max-height: 200px; background: #FFFFFF; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-radius: 3px; border-style: none; border-color: #1E90FF; 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: #1E90FF; visibility: visible; z-index: 0; grid-column: 1 / span 3; } 
.pub-table {text-align: center; color: #F0FFFF; height: 100%; background: #FFFFFF; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-radius: 3px; border-color: #1E90FF; padding-bottom: 3px; padding-top: 3px; padding-right: 3px; padding-left: 3px; fill: #F0FFFF; float: none; resize: none; box-shadow: 2em 2em 0.2em; 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-titre {text-align: center; font-size: 1.1rem; color: #1E90FF; font-weight: bold; height: auto; background: #FFFFFF; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; border-radius: 7px; border-style: solid; border-color: #cfeff7; border-width: 1px; fill: #1E90FF; list-style-type: circle; visibility: visible; white-space: nowrap; grid-column: 1 / span 3; } 
.sousMenuBarre {text-decoration: none; text-align: center; color: #cfeff7; 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: #cfeff7; list-style-type: none; opacity: 1; visibility: visible; white-space: nowrap; z-index: 3; } 
.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; } 
.sousMenuIcones {text-align: left; color: #cfeff7; height: auto; background: #4a79c4; 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: #cfeff7; resize: inherit; list-style-type: circle; visibility: inherit; white-space: nowrap; z-index: 3; cursor: pointer; } 
.sousMenuItem {text-decoration: none; text-align: left; height: auto; background: #4a79c4; 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; } 
.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; } 
.sousMenuTexte {text-decoration: none; text-align: left; font-size: 1rem; color: #cfeff7; width: 100%; height: auto; background: #4a79c4; 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: #cfeff7; list-style-type: none; white-space: nowrap; z-index: 3; } 
.tableCatalogue {text-align: center; font-size: 14px; color: #2684e8; width: 49%; height: auto; min-height: 200px; background: #FFFFFF; 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: #2684e8; text-transform: none; clear: both; visibility: visible; white-space: normal; grid-template-columns: 34% 65%; grid-column: 1 / span 2; } 
.tableInfos {text-align: center; color: #4169E1; width: 100%; vertical-align: top; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-radius: 7px; border-color: #D3D3D3; display: block; fill: #4169E1; visibility: visible; grid-column: 1 / span 2; } 
.tablePanier {font-style: initial; font-size: 1rem; width: 100%; height: auto; background: #4a79c4; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; border-color: #C0C0C0; 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; } 
.textePpauxMenuDeroulant {text-decoration: none; text-align: center; font-family: Helvetica, sans-serif; font-size: 1rem; color: #cfeff7; height: auto; background: #4a79c4; vertical-align: middle; margin-bottom: 1px; margin-top: 1px; margin-right: 1px; margin-left: 1px; border-color: #9400D3; border-width: 0px; display: block; padding-bottom: 1px; padding-top: 1px; padding-right: 1px; padding-left: 1px; position: relative; fill: #cfeff7; resize: none; visibility: visible; white-space: nowrap; z-index: 2; cursor: pointer; } 
.titreFamilleBlocAcc {text-align: center; font-style: italic; font-size: 1.1rem; color: #1E90FF; font-weight: bold; height: auto; background: #4a79c4; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; display: block; fill: #1E90FF; text-transform: none; clear: left; white-space: normal; } 
.titreFamilleVignette {text-align: center; font-family: Kalam, cursive;; font-style: italic; font-size: 1.3rem; color: #1E90FF; font-weight: bold; background: #4a79c4; vertical-align: middle; margin-bottom: 10px; margin-top: auto; margin-right: auto; margin-left: auto; display: block; padding-bottom: 5px; fill: #1E90FF; text-transform: none; clear: left; } 
.titresCat {text-decoration: underline; text-align: center; font-size: 1.1rem; color: #f7e155; font-weight: bold; height: auto; background: #FFFFFF; vertical-align: top; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; border-radius: 2px; border-style: none; border-color: #cfeff7; border-width: 1px; display: block; fill: #f7e155; text-transform: capitalize; list-style-type: circle; visibility: visible; white-space: normal; align-content: center; grid-column: 1 / span 3; } 
.titresCli {text-align: left; font-size: 1.1rem; color: #3b3b3b; width: 70%; height: auto; background: #FFFFFF; vertical-align: middle; margin-bottom: 10px; margin-top: 0px; margin-right: 0px; margin-left: 5px; border-bottom: 1px solid grey; display: block; padding-bottom: 3px; padding-top: 3px; padding-right: 3px; padding-left: 3px; line-height: 1em; fill: #3b3b3b; text-transform: none; visibility: visible; white-space: normal; grid-column: 1 / span 3; } 
.titresFamilles {font-size: 17px; color: #2684e8; width: 550%; height: 20%; background: #FFFFFF; margin-bottom: 1px; margin-top: 1px; border-radius: 7px; border-style: outset; border-color: #2684e8; border-width: 1px; display: block; fill: #2684e8; visibility: visible; grid-column: 1 / span 3; } 
.titresInfos {font-size: 1.1rem; color: #cfeff7; 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: #cfeff7; border-width: 1px; display: block; padding-bottom: 3px; padding-top: 3px; padding-right: 3px; padding-left: 3px; fill: #cfeff7; visibility: visible; white-space: normal; grid-column: 1 / span 3; } 
.titresPrd {text-decoration: none; text-align: left; font-size: 1.2rem; color: #2684e8; font-weight: bold; background: #FFFFFF; margin-bottom: 0px; margin-top: 5px; margin-right: 1px; margin-left: 30%; border-radius: 7px; display: block; line-height: 1.4em; fill: #2684e8; text-transform: none; visibility: visible; white-space: nowrap; z-index: 0; align-content: center; grid-column: 1 / span 3; grid-row: 1; } 
.txtBarrePromo {text-align: center; color: #686464; vertical-align: middle; margin-bottom: auto; margin-top: auto; margin-right: auto; margin-left: auto; padding-bottom: 3px; padding-top: 0px; padding-right: 1px; padding-left: 1px; fill: #686464; } 
.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; } 
.zoneAcheter {text-align: left; font-size: 1rem; color: #2684e8; height: auto; background: #FFFFFF; vertical-align: middle; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; border-color: #2684e8; display: block; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; fill: #2684e8; white-space: nowrap; grid-column: 2; } 
@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 

@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  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 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 

@keyframes theLogo {  from {top: 0px;}
  to {top: 200px;} }