@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap');

.bgimage { background-image: url(bg.jpg); background-size: cover; background-position: center center; background-attachment: fixed; background-repeat: no-repeat; min-height: 100vh; animation: slowZoom 65s ease-in-out infinite; }

.bgimage::before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }


html { box-sizing:border-box; }

*,:before,:after { box-sizing:inherit; }

html { -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; }

body { margin:0; font-size-adjust:100%; }

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section { display:block; }

summary { display:list-item; }

audio,canvas,progress,video { display:inline-block; }

progress { vertical-align:baseline; }

audio:not([controls]) { display:none; height:0; }

[hidden],template { display:none; }

a { background-color:transparent; }

a:active,a:hover { outline-width:0; }

abbr[title] { border-bottom:none; text-decoration:underline; text-decoration:underline dotted; }

b,strong { font-weight:bolder; }

dfn { font-style:italic; }

mark { background:#ff0; color:#000; }

small { font-size:80%; }

sub,sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }

sub { bottom:-.25em; }

sup { top:-.5em; }

figure { margin:1em 40px; }


button,input,select,textarea,optgroup { font:inherit; margin:0; }

optgroup { font-weight:700; }

button,input { overflow:visible; }

button,select { text-transform:none; }

button,[type=button],[type=reset],[type=submit] { -webkit-appearance:button; }

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner { border-style:none; padding:0; }

button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring { outline:1px dotted ButtonText; }

fieldset { border:1px solid silver; margin:0 2px; padding:.35em .625em .75em; }

legend { color:inherit; display:table; max-width:100%; padding:0; white-space:normal; }

textarea { overflow:auto; }

[type=checkbox],[type=radio] { padding:0; }

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button { height:auto; }

[type=search] { -webkit-appearance:textfield; outline-offset:-2px; }

[type=search]::-webkit-search-decoration { -webkit-appearance:none; }

::-webkit-file-upload-button { -webkit-appearance:button; font:inherit; }

html,body { font-size:15px; line-height:1.5; font-size:100%; background-color:#edeef0; }

.dark-mode { background-color:#132639; }

h1 { font-size:36px; }

h2 { font-size:30px; }

h3 { font-size:24px; }

h4 { font-size:20px; }

h5 { font-size:18px; }

h6 { font-size:16px; }

h1,h2,h3,h4,h5,h6 { font-family:Nunito; font-weight:400; margin:10px 0; }

hr { border:0; border-top:1px solid #eee; margin:20px 0; }


a { color:inherit; }

img { border-radius:16px; border-style:none; vertical-align:bottom; }

.w3-table,.w3-table-all { border-collapse:collapse; border-spacing:0; width:100%; display:table; }

.w3-striped tbody tr:nth-child(even) { background-color:#f1f1f1; }

.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th { padding:8px; display:table-cell; text-align:left; vertical-align:top; }

.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child { padding-left:16px; }

.w3-btn,.w3-button { border:none; display:inline-block; padding:8px 16px; vertical-align:middle; overflow:hidden; text-decoration:none; color:inherit; background-color:inherit; text-align:center; cursor:pointer; white-space:nowrap; }

.w3-btn:hover { box-shadow:0 8px 16px 0 #0003 6px 20px 0 #00000080; }

.w3-btn,.w3-button { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }

.w3-disabled,.w3-btn:disabled,.w3-button:disabled { cursor:not-allowed; opacity:.3; }

.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover { box-shadow:none; }

.w3-tooltip,.w3-display-container { position:relative; }

.w3-input { padding:8px; display:block; border:none; border-bottom:1px solid #ccc; width:100%; }

.w3-select { padding:9px 0; width:100%; border:none; border-bottom:1px solid #ccc; }

.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child { background-color:#ccc; color:#000; }

.w3-check,.w3-radio { width:24px; height:24px; position:relative; top:6px; cursor:pointer; }

.w3-sidebar { border-radius:15px; width:165px; background-color:#f9f9f9; position:fixed!important; z-index:1; overflow:auto; left:15px; top:80px; }

.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click { width:100%; }

.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content { min-width:100%; }

.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button { width:100%; text-align:left; padding:8px 16px; }

.w3-main,#main { transition:margin-left .1s; margin-left:165px; }

.w3-modal { z-index:3; display:none; padding-top:100px; position:fixed; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:#000; background-color:#000c; }

.w3-modal-content { margin:auto; background-color:#fff; position:relative; padding:0; outline:0; width:600px; }

.w3-bar { background-color:#97979b; width:100%; overflow:hidden; }

.w3-center .w3-bar { display:inline-block; width:auto; z-index:999; }

.w3-bar .w3-bar-item { padding:8px 16px; float:left; width:auto; border:none; display:block; outline:0; }

.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click { position:static; float:left; }

.w3-bar .w3-button { white-space:normal; }

.w3-bar-block .w3-bar-item { width:100%; display:block; padding:8px 16px; text-align:left; border:none; white-space:normal; float:none; outline:0; }

.w3-bar-block.w3-center .w3-bar-item { text-align:center; }

.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after { content:""; display:table; clear:both; }

.w3-hide { display:none!important; }

.w3-show-block,.w3-show { display:block!important; }

@media (max-width:600px) {
.w3-modal-content { margin:0 10px; width:auto!important; }

.w3-modal { padding-top:30px; }

.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile { text-align:center; }

.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button { width:100%; }
}

@media (max-width:768px) {
.w3-modal-content { width:500px; }

.w3-modal { padding-top:50px; }
}

@media (min-width:993px) {
.w3-modal-content { width:900px; }

.w3-hide-large { display:none!important; }

.w3-sidebar.w3-collapse { display:block!important; }
}

.w3-display-topright { position:absolute; right:0; top:0; }

.w3-display-container:hover .w3-display-hover { display:block; }

.w3-display-container:hover span.w3-display-hover { display:inline-block; }

.w3-container,.w3-panel { padding:.01em 16px; }

.w3-card,.w3-card-2 { box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); }

.w3-card-4,.w3-hover-shadow:hover { background-color:#fff; border-radius:15px; box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.50); }

.w3-animate-fading { animation:fading .2s; }

.w3-animate-left { position:relative; animation:animateleft .1s; }

.w3-xlarge { font-size:24px!important; }

.w3-margin-top { margin-top:16px!important; }

.w3-button:hover { color:#fff!important; background-color:#036!important; }

.w3-text-blue,.w3-hover-text-blue:hover { color:#2196F3!important; }

.w3-text-orange,.w3-hover-text-orange:hover { color:#ff9800!important; }

* { box-sizing:border-box; scroll-behavior:smooth; }

body,h1,h2,h3,h4,h5,h6 { font-family:Nunito; }

body { margin:0; min-height:100vh; }

h2 { font-size:20px; font-weight:700; }

a { font-family:Nunito; }

.blink { animation:blink-animation .5s steps(5,start) infinite; -webkit-animation:blink-animation 1s steps(5,start) infinite; }
label { font-family:Nunito; font-size:16px; display:inline-block; margin-right:20px; vertical-align:top; text-align:left; padding:5px; padding-left:10px; }

textarea { resize:vertical; background-color:#fffff0; border-style:dotted; border-width:thin; }

.paddingleft30px { padding-left:30px; }

.floatright { float:right; }

.paddingbottom15 { padding-bottom:15px; }

.padding30 { padding:30px; }

.zindex999 { z-index:999; }

ul { list-style:none; }

.waitloader { content:url('wait.gif'); }

.imgpen { content:url('pen.png'); }

.imgdelete { content: url('delete.png'); }

.imgrotate { content: url('rotateimage.png'); }

.imgdisconnect { content:url('disconnect.png'); }

.imgconnect { content: url('connect.png');border-radius: 0px; }

.imgindex { content: url('index.png'); border-radius: 0px;}

.imgarticles { content: url('articles.png'); border-radius: 0px;}

.imgloans { content: url('loans.png'); border-radius: 0px;}
.imgconso { content: url('conso.png'); border-radius: 0px;}
.imgpdf { content: url('pdf1.png'); border-radius: 0; display: inline-block; vertical-align: middle; }
/* Titres cliquables logsview (Utilisateur session / Entité) — fond inversé au survol */
.labelsspecialprofil a.logsview-title-link {
	display: block;
	width: 100%;
	box-sizing: border-box;
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}
.labelsspecialprofil:has(> a.logsview-title-link:hover) {
	filter: invert(1);
}
.labelsspecialprofil a.logsview-title-link:hover,
.labelsspecialprofil a.logsview-title-link:hover span {
	color: inherit;
}

.imgsection { content: url('sections.png'); border-radius: 0px; }

.imguseraccount { content: url('useraccount.png'); border-radius: 0px;}

.imgsuppliers { content:url('suppliers.png'); border-radius: 0px;}

.imgnight {content:url('night.png')}

.imgday {content:url('day.png')}

.userslistimage { width:50px; height:50px; filter:drop-shadow(8px 8px 10px gray); border-radius:50%; }
.articleslistimage, .supplierslistimage { width:50px; height:50px; filter:drop-shadow(8px 8px 10px gray); border-radius:5%; }
.imgavatar3 { content: url('avatar3.png');}

.imgavatar4 { content: url('avatar4.png');}

.imgavatar5 { content: url('avatar5.png');}

.imgavatar6 { content: url('avatar6.png');}

.imgclipboard { content:url('copy2clipboard.png'); }

.imgkey { content:url('key.png'); }

.width60 { width:60%; }

.width70 { width:70%; }

.width100 { width:100%; }

.width140 { width:140px; }

.displaynone { display:none; }

.clearboth { clear:both; }

.fontsize20px { font-size:20px; }

.margintop10px { margin-top:10px; }

.paddingbottom15px { padding-bottom:15px; }

.paddingleft10px { padding-left:10px; }

.paddingright10px { padding-right:10px; }

.paddingtop1px { padding-top:1px; }

.paddingtop20px { padding-top:20px; }

.padding0px { padding:0; }

.width130px { width:130px; }

.width98 { width:98%; }

#mySidebar { transition:top .3s; }

#mySidebar2 { transition:top .3s; }

#topsmartbutton { position:fixed; left:0; top:0; z-index:9999; }

#divsecs { position:fixed; top:30px; right:0; z-index:10000; text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #e60073,0 0 5px #e60073,0 0 5px #e60073,0 0 60px #e60073,0 0 5px #e60073; }

#yesnowaitdiv { width:186px; margin:0 auto; display:none; }

.imgreverse { cursor:pointer; }

.imgreverse:hover { -webkit-filter:invert(1); filter:invert(1); }

#buttonhelp {
    vertical-align: top;
    margin-left: 8px;
    cursor: pointer;
}
#buttonhelp:hover {
    -webkit-filter: invert(1);
    filter: invert(1);
}


.pointer { cursor:pointer; }

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }

input[type=number] { -moz-appearance:textfield; }

#userpwd { font-family:monospace; }

.frmbannerdiv { display:block; }

.section { margin-right:0; cursor:pointer; font-family:Nunito; font-size:16px; display:inline-block; vertical-align:top; text-align:left; padding:5px; }

.section:hover { background-color:#666; }


@-webkit-keyframes blink-animation { to {
visibility:hidden
}; }

@-webkit-keyframes glow { from {
text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #e60073,0 0 40px #e60073,0 0 50px #e60073,0 0 60px #e60073,0 0 70px #e60073
}

to {
text-shadow:0 0 20px #fff,0 0 30px #ff4da6,0 0 40px #ff4da6,0 0 50px #ff4da6,0 0 60px #ff4da6,0 0 70px #ff4da6,0 0 80px #ff4da6
}; }

figure { margin-left:0; padding-left:0; width:100%; }

#scrolltotop:hover, .go2parent:hover, #tobottom:hover, #bottomhelpdesk:hover { background-color:#222; }
#scrolltotop { content:url('totop.png'); display:none; position:fixed; bottom:25px; right:0; z-index:999; padding:10px; cursor:pointer; }


.go2parent { padding:10px; cursor:pointer; content:url('back.png'); }


#tobottom { content:url('tobottom.png'); position:fixed; right:0; z-index:9999; padding:10px; cursor:pointer; }


progress { height:40px; width:100%; border-radius:0; box-shadow:0 0 0 0 #ffff; }

#progressstatus { font-size:20px; font-weight:700; z-index:999; color:#fff; }

.smoothscrolling { scroll-behavior:smooth; overflow:auto; -webkit-overflow-scrolling:touch; }

#captchaimg { border-radius:7px; padding:2px; }

#bottomhelpdesk { position:fixed; bottom:0; left:15px; z-index:999; font-size:24px; cursor:pointer; border-radius:10px; padding:2px 4px; line-height:1; height:36px; display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; }
#bottommanual { position: fixed; bottom: 0; left: 48px; z-index: 999; padding: 2px 4px; cursor: pointer; border-radius: 10px; line-height: 1; font-size: 24px; text-decoration: none; height: 36px; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; }
#bottommanual:hover { background-color: #222; }
#bottommanual .imgpdf { width: 28px; height: 28px; }


#bottomhelpdesk-image { position:fixed; bottom:40px; margin-left:5px;}

#bottomhelpdesk-imagedisplayed {background-color: #c1c1c1; border-radius:8px; box-shadow:0 10px 20px #0003; display:none; cursor:pointer;  font-size: 24px; font-weight: 700;}

.submenu { display:none; }

.PaddingL0R0 { padding-left:0; padding-right:0; }

.sticky { position:-webkit-sticky; position:sticky; top:0; z-index:1; transition:top .3s; }

.centerlogin { margin:0 auto; max-width:300px; }

.zoom { transition:transform .1s; margin:0 auto; }

.zoom:hover { -ms-transform:scale(1.004); -webkit-transform:scale(1.004); transform:scale(1.004); }

.usersimage { max-width:100%; filter:drop-shadow(8px 8px 10px gray); }

.suppliersimage { max-width:100%; filter:drop-shadow(8px 8px 10px gray); }


.spanreset { cursor:pointer; position:relative; top:-10px; left:-15px; }

.spanreset:hover { border-radius:20%; background:grey; color:#fff; }

::-webkit-scrollbar { width:12px; }

::-webkit-scrollbar-track { box-shadow:inset 0 0 8px #fff; border-radius:4px; }

::-webkit-scrollbar-thumb { background:#828282; border-radius:4px; }

::-webkit-scrollbar-thumb:hover { background:#8f8f8f; }

.w3-teal,.w3-hover-teal:hover { color:#fff!important; background-color:#4d0000!important; }

.labelssubscriptions,.labelsspecialprofil { width:100%; background-color:#4d0000; color:#fff; font-size:22px; }

.spacer { height:99px; }

.loader { border:16px solid #f3f3f3; border-radius:50%; border-top:16px solid #3498db; width:30px; height:30px; -webkit-animation:spin 2s linear infinite; animation:spin 2s linear infinite; }

@-webkit-keyframes spin { 0% {
-webkit-transform:rotate(0deg)
}

100% {
-webkit-transform:rotate(360deg)
}; }

@-moz-keyframes fadein { from {
opacity:0
}

to {
opacity:1
}; }

@-webkit-keyframes fadein { from {
opacity:0
}

to {
opacity:1
}; }

@-o-keyframes fadein { from {
opacity:0
}

to {
opacity:1
}; }

.LoginInput { width:80%; font-size:16px; border:1px dotted #ddd; color:#000; padding:5px; font-family:Nunito; }

.glow-LoginInput:hover { color:#ffff; box-shadow:0 5px 15px #915cb666; color:#000; }

.button,.buttonfileupload,.buttonfiledownload,.docedit,.docdownload,.docdelete { border:1px solid #ddd; text-decoration:none; color:#fffc; background:grey; padding:10px 15px; border-radius:15px; font-weight:400; font-family:Nunito; font-size:16px; line-height:normal; cursor:pointer; }

.glow-button:hover { color:#ffff; box-shadow:0 5px 10px #915cb666; }

button.button,
#btnsubmit.button {
  box-sizing: border-box !important;
  font-family: Nunito !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  padding: 10px 18px !important;
  min-height: 44px !important;
  border-radius: 15px !important;
  vertical-align: middle !important;
}

button.btn-loan-borrow,
button.btn-loan-take {
  display: inline-block !important;
  box-sizing: border-box !important;
  font-family: Nunito !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  padding: 10px 18px !important;
  min-height: 44px !important;
  border: 1px solid #ddd !important;
  border-radius: 15px !important;
  vertical-align: middle !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.btn-loan-borrow { background-color:#1565c0 !important; color:#fff !important; }

.btn-loan-borrow:hover { background-color:#0d47a1 !important; color:#fff !important; }

.btn-loan-take { background-color:#2e7d32 !important; color:#fff !important; }

.btn-loan-take:hover { background-color:#1b5e20 !important; color:#fff !important; }

.btn-loan-accept { background-color:#2e7d32 !important; color:#fff !important; }

.btn-loan-accept:hover { background-color:#1b5e20 !important; color:#fff !important; }

.btn-loan-refuse { background-color:#c62828 !important; color:#fff !important; }

.btn-loan-refuse:hover { background-color:#8e0000 !important; color:#fff !important; }

.btn-loan-cancel { background-color:#ef6c00 !important; color:#fff !important; }

.btn-loan-cancel:hover { background-color:#e65100 !important; color:#fff !important; }

.formerrormessage { color:red; font-size:16px; font-family:Nunito; font-weight:700; }

#bannerimgbig { display:inline-block; overflow:hidden; height:65px; transition:height .5s; transition-timing-function:linear; }

#bannerimglogo { height:53px; display:none; }

@media (max-width:992px) {
.w3-sidebar.w3-collapse { display:none; }

.w3-main { margin-left:0!important; margin-right:0!important; }

#innerdivleft,#innerdivright,#innerdivleft75,#innerdivright25 { width:100%; }

#bannerimgbig { display:none; }

#bannerimglogo { display:inline-block; }

.smartcontainer { padding-left:0; padding-right:0; }

#divsecs { top:0; }
}

#sectionslist {display:flex; align-items:center; gap:12px; flex-wrap:wrap;}

#userslist {display:flex; align-items:center; gap:12px; flex-wrap:wrap;}

#articleslist {display:flex; align-items:center; gap:12px; flex-wrap:wrap;}

#supplierslist {display:flex; align-items:center; gap:12px; flex-wrap:wrap;}

#loanslist {display:flex; align-items:center; gap:12px; flex-wrap:wrap;}

.wraps {display:flex; align-items:center; gap:12px; flex-wrap:wrap;}

#users { border-collapse:collapse; width:100%; font-family:Nunito; cursor:pointer; }

#users td { text-align:left; padding:12px; }

#users th { cursor:pointer; padding:12px; text-align:left; background-color:#206020; color:#fff; }

#users th:hover { background-color:#000; }

#users tr { border-bottom:1px solid #ddd; }

#users tr:nth-child(odd) { background-color:#fff; }

#users tr:nth-child(even) { background-color:#fffff5; }

#users tr:nth-child(even):hover { background-color:#000; color:#fff; }

#users tr:nth-child(odd):hover { background-color:#000; color:#fff; }

#articles { border-collapse:collapse; width:100%; font-family:Nunito; cursor:pointer; }

#articles td { text-align:left; padding:12px; }

#articles th { cursor:pointer; padding:12px; text-align:left; background-color:#2d2d86; color:#fff; }

#articles th:hover { background-color:#000; }

#articles tr { border-bottom:1px solid #ddd; }

#articles tr:nth-child(odd) { background-color:#fff; }

#articles tr:nth-child(even) { background-color:#fffff5; }

#articles tr:nth-child(even):hover { background-color:#000; color:#fff; }

#articles tr:nth-child(odd):hover { background-color:#000; color:#fff; }

#suppliers { border-collapse:collapse; width:100%; font-family:Nunito; cursor:pointer; }

#suppliers td { text-align:left; padding:12px; }

#suppliers th { cursor:pointer; padding:12px; text-align:left; background-color:#739900; color:#fff; }

#suppliers th:hover { background-color:#000; }

#suppliers tr { border-bottom:1px solid #ddd; }

#suppliers tr:nth-child(odd) { background-color:#fff; }

#suppliers tr:nth-child(even) { background-color:#fffff5; }

#suppliers tr:nth-child(even):hover { background-color:#000; color:#fff; }

#suppliers tr:nth-child(odd):hover { background-color:#000; color:#fff; }

#sections { border-collapse:collapse; width:100%; font-family:Nunito; cursor:pointer; }

#sections td { text-align:left; padding:12px; }

#sections th { cursor:pointer; padding:12px; text-align:left; background-color:#993300; color:#fff; }

#sections th:hover { background-color:#000; }

#sections tr { border-bottom:1px solid #ddd; }

#sections tr:nth-child(odd) { background-color:#fff; }

#sections tr:nth-child(even) { background-color:#fffff5; }

#sections tr:nth-child(even):hover { background-color:#000; color:#fff; }

#sections tr:nth-child(odd):hover { background-color:#000; color:#fff; }

/* Logs (équivalent sections) */
#logslist {display:flex; align-items:center; gap:12px; flex-wrap:wrap;}
#logs { border-collapse:collapse; width:100%; font-family:Nunito; cursor:pointer; }
#logs td { text-align:left; padding:12px; }
#logs th { cursor:pointer; padding:12px; text-align:left; background-color:#e65c00; color:#fff; }
#logs th:hover { background-color:#000; }
#logs tr { border-bottom:1px solid #ddd; }
#logs tr:nth-child(odd) { background-color:#fff; }
#logs tr:nth-child(even) { background-color:#fffff5; }
#logs tr:nth-child(even):hover { background-color:#000; color:#fff; }
#logs tr:nth-child(odd):hover { background-color:#000; color:#fff; }
.imglogs { content: url('logs.png'); border-radius: 0px; }


#loans { border-collapse:collapse; width:100%; font-family:Nunito; cursor:pointer; }

#loans td { text-align:left; padding:12px; }

#loans th { cursor:pointer; padding:12px; text-align:left; background-color:#0066ff; color:#fff; }

#loans th:hover { background-color:#000; }

#loans tr { border-bottom:1px solid #ddd; }

#loans tr:nth-child(odd) { background-color:#fff; }

#loans tr:nth-child(even) { background-color:#fffff5; }

#loans tr:nth-child(even):hover { background-color:#000; color:#fff; }

#loans tr:nth-child(odd):hover { background-color:#000; color:#fff; }

#loanswaiting { border-collapse:collapse; width:100%; font-family:Nunito; }

#loanswaiting td { text-align:left; padding:12px; vertical-align:middle; }

#loanswaiting th { padding:12px; text-align:left; background-color:#0066ff; color:#fff; }

#loanswaiting tr { border-bottom:1px solid #ddd; }

#loanswaiting tr:nth-child(odd) { background-color:#fff; }

#loanswaiting tr:nth-child(even) { background-color:#fffff5; }

#loanswaiting label.loan-decision-accept,
#loanswaiting label.loan-decision-refuse {
	cursor: pointer;
	display: inline-block;
	padding: 6px 12px;
	margin: 2px 4px 2px 0;
	border-radius: 8px;
	user-select: none;
	transition: background-color 0.15s ease, color 0.15s ease;
}

#loanswaiting label.loan-decision-accept:hover {
	background-color: #c8e6c9;
	color: #1b5e20;
}

#loanswaiting label.loan-decision-refuse:hover {
	background-color: #ffcdd2;
	color: #b71c1c;
}

#loanswaiting label.loan-decision-accept:has(input:checked) {
	background-color: #81c784;
	color: #1b5e20;
	font-weight: 600;
}

#loanswaiting label.loan-decision-refuse:has(input:checked) {
	background-color: #e57373;
	color: #fff;
	font-weight: 600;
}

#files { border-collapse:collapse; width:100%; font-family:Nunito; cursor:pointer; }

#files td { text-align:left; padding:12px; }

#files th { cursor:pointer; padding:12px; text-align:left; background-color:#3d5c5c; color:#fff; }

#files th:hover { background-color:#000; }

#files tr { border-bottom:1px solid #ddd; }

#files tr:nth-child(odd) { background-color:#fff; }

#files tr:nth-child(even) { background-color:#fffff5; }

#files tr:nth-child(even):hover { background-color:#000; color:#fff; }

#files tr:nth-child(odd):hover { background-color:#000; color:#fff; }

.SearchInput { background-position:right 15px top 10px; font-size:16px; padding:5px; border:1px solid #ddd; margin-bottom:12px; font-family:Nunito; color:#000; background-color:#fffff0; background-image:url(searchicon.png); background-repeat:no-repeat; font-weight:700; border-radius:15px; }

.glow-SearchInput:hover { box-shadow:0 5px 15px #915cb666; }

.select { font-size:16px; font-family:Nunito; padding:8px 9px 8px 8px; border:1px solid #ddd; margin-bottom:12px; color:#000; background-color:#fffff0; border-radius:15px; }

.glow-select:hover { color:#000f; box-shadow:0 5px 15px #915cb666; }

.NormalInput { width:100%; box-sizing:border-box; font-size:16px; border:1px dotted #ddd; padding:5px; font-family:Nunito; background-color:#fffff0; color:#000; font-weight:700; border-radius:15px; }

.NormalInput.width140 { width:140px; }

.glow-NormalInput:hover { color:#ffff; box-shadow:0 5px 15px #915cb666; color:#000; }

#innerdivfullwidth { float:left; width:100%; display:inline-block; padding:15px; padding-top:0; }

#innerdivleft { float:left; width:50%; display:inline-block; padding:15px; padding-top:0; }

.imgcontainer { text-align:center; margin:14px 0 12px; position:relative; }

.avatar { max-width:40%; border-radius:50%; content:url('avatar3.png'); }

.wrapcss {display:inline-block;}

.container { padding:16px; }

@-webkit-keyframes animatezoom { from {
-webkit-transform:scale(0)
}

to {
-webkit-transform:scale(1)
}; }

@media only screen and (max-width: 700px) {
.w3-sidebar { left:0; top:55px; }

#innerdivleft,#innerdivright,#innerdivright25 { width:100%; }

#bannerimgbig { display:none; }

#bannerimglogo { display:inline-block; }

.smartcontainer { padding-left:0; padding-right:0; }

#divsecs { top:0; }

.wrapcss {
    flex-direction: column;
    align-items: flex-end;
    margin-left:-9px;
  }
}

.images-gallery-image-edit { position:absolute; top:-10px; left:0; cursor:pointer; color:#f1f1f1; font-size:30px; font-weight:700; }

.images-banner-image-default { position: absolute; top: 10px; right: 20px; cursor:pointer; color:#f1f1f1; font-size:30px; font-weight:700; padding-right: 4px; z-index: 20; }

.images-gallery-image-delete { position:absolute; top:-15px; right:0; cursor:pointer; color:#f1f1f1; font-size:40px; font-weight:700; }

.images-gallery-image-rotate { position:absolute; bottom:0; left:0; cursor:pointer; color:#f1f1f1; font-size:20px; font-weight:700 }

.images-gallery-container-people { position:relative; text-align:left; color:#fff; max-width:100%; }

@-moz-keyframes fadein { from {
opacity:0
}

to {
opacity:1
}; }

@-webkit-keyframes fadein { from {
opacity:0
}

to {
opacity:1
}; }

@-o-keyframes fadein { from {
opacity:0
}

to {
opacity:1
}; }

@-webkit-keyframes zoom { from {
-webkit-transform:scale(0)
}

to {
-webkit-transform:scale(1)
}; }

#tooltip { visibility:hidden; }

.tooltip { position:relative; display:inline-block; }

.tooltip .tooltiptext { visibility:hidden; width:200px; background-color:#555; color:#fff; text-align:center; border-radius:6px; padding:5px; position:absolute; z-index:1; bottom:150%; left:50%; margin-left:-75px; opacity:0; transition:opacity .3s; }

.tooltip .tooltiptext::after { content:""; position:absolute; top:100%; left:50%; margin-left:-5px; border-width:5px; border-style:solid; border-color:#555 transparent transparent; }

.tooltip:hover .tooltiptext { visibility:visible; opacity:1; }


.hover-label { display: inline-block; margin: 10 4 4 4; border-radius: 10px; transition: all 0.2s ease;}

.hover-label:hover { color:#000f; box-shadow:0 5px 15px #915cb666;}

#img1 {cursor:zoom-in;}

.list-actions-bar {
	overflow: hidden;
	min-height: 44px;
}

.list-actions-bar .button-export {
	float: right;
}

.button-export {
	display: inline-block;
	background-color: #546e7a !important;
	color: #fff !important;
	border: 1px solid #ddd;
	text-decoration: none;
	padding: 10px 15px;
	border-radius: 15px;
	font-weight: 400;
	font-family: Nunito, sans-serif;
	font-size: 16px;
	line-height: normal;
	cursor: pointer;
}

.button-export:hover {
	background-color: #455a64 !important;
	color: #fff !important;
}

@keyframes slowZoom{
  0% { background-size:1920px; }
  50% { background-size:2500px; }
  100% { background-size:1920px; }
}

@keyframes fading{
  0% { opacity:0; }
  100% { opacity:1; }
}

@keyframes animateleft{
  from { left:-300px; opacity:0; }
  to { left:0; opacity:1; }
}

@keyframes blink-animation{
  to { visibility:hidden; }
}

@keyframes spin{
  0% { transform:rotate(0deg); }
  100% { transform:rotate(360deg); }
}

@keyframes blink {
      50% {
        opacity: 0;
      }
    }


/* Statuts articles (liste) — couleurs + héritage au hover de la ligne */
.article-status { font-weight: 600; }
.article-status-1 { color: #888888; } /* Déclassé */
.article-status-2 { color: #2e7d32; } /* Disponible */
.article-status-3 { color: #ff0000; } /* Épuisé */
.article-status-4 { color: #e65100; } /* Hors-service */
.article-status-5 { color: #6a1b9a; } /* Perdu */
.article-status-6 { color: #1565c0; } /* En prêt */
.article-status-7 { color: #78909c; } /* Archivé */
.article-qty-zero { color: #ff0000; font-weight: 600; }
#articles tr:hover .article-status,
#articles tr:hover .article-qty-zero {
  color: inherit !important;
}


/* Statuts prêts / distributions (liste) */
.loan-status { font-weight: 600; }
.loan-status-1 { color: #e65100; } /* En attente */
.loan-status-2 { color: #2e7d32; } /* Accepté */
.loan-status-3 { color: #ff0000; } /* Refusé */
.loan-status-4 { color: #1565c0; } /* Rendu */
.loan-status-5 { color: #888888; } /* Annulé */
#loans tr:hover .loan-status {
  color: inherit !important;
}


/* Bouton RESET logs (à gauche de l'export) — spécificité élevée vs .button thème */
.list-actions-bar .button-reset-logs {
	float: left;
}
button.button.button-reset-logs,
.button.button-reset-logs,
.button-reset-logs {
	display: inline-block;
	background-color: #c62828 !important;
	background: #c62828 !important;
	color: #fff !important;
	border: 1px solid #b71c1c !important;
	text-decoration: none;
	padding: 10px 15px;
	border-radius: 15px;
	font-weight: 400;
	font-family: Nunito, sans-serif;
	font-size: 16px;
	line-height: normal;
	cursor: pointer;
	box-shadow: none !important;
}
button.button.button-reset-logs:hover,
.button.button-reset-logs:hover,
.button-reset-logs:hover {
	background-color: #b71c1c !important;
	background: #b71c1c !important;
	color: #fff !important;
}


/* Coins arrondis — tables listes (*all.php) */
#users, #articles, #suppliers, #sections, #loans, #logs, #loanswaiting, #consumptions {
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 12px;
  overflow: hidden;
}


/* Tables listes (*all) — coins arrondis */
#users, #articles, #suppliers, #sections, #loans, #logs, #loanswaiting, #consumptions {
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 12px;
  overflow: hidden;
}
#users th:first-child, #articles th:first-child, #suppliers th:first-child,
#sections th:first-child, #loans th:first-child, #logs th:first-child,
#loanswaiting th:first-child, #consumptions th:first-child {
  border-top-left-radius: 12px;
}
#users th:last-child, #articles th:last-child, #suppliers th:last-child,
#sections th:last-child, #loans th:last-child, #logs th:last-child,
#loanswaiting th:last-child {
  border-top-right-radius: 12px;
}
#users tr:last-child td:first-child, #articles tr:last-child td:first-child,
#suppliers tr:last-child td:first-child, #sections tr:last-child td:first-child,
#loans tr:last-child td:first-child, #logs tr:last-child td:first-child,
#loanswaiting tr:last-child td:first-child {
  border-bottom-left-radius: 12px;
}
#users tr:last-child td:last-child, #articles tr:last-child td:last-child,
#suppliers tr:last-child td:last-child, #sections tr:last-child td:last-child,
#loans tr:last-child td:last-child, #logs tr:last-child td:last-child,
#loanswaiting tr:last-child td:last-child {
  border-bottom-right-radius: 12px;
}

/* Pagination : page courante (y compris état disabled du navigateur) */
button.button.button-page-current,
button.button.button-page-current:disabled,
button.button.button-page-current[disabled],
.button.button-page-current,
.button.button-page-current:disabled {
  font-weight: 700 !important;
  background-color: #c62828 !important;
  background-image: none !important;
  color: #ffffff !important;
  border: 1px solid #8e0000 !important;
  opacity: 1 !important;
  filter: none !important;
  cursor: default !important;
  box-shadow: none !important;
}

#consumptionslist {display:flex; align-items:center; gap:12px; flex-wrap:wrap;}
#consumptions { border-collapse:collapse; width:100%; font-family:Nunito; cursor:pointer; }
#consumptions td { text-align:left; padding:12px; }
#consumptions th { cursor:pointer; padding:12px; text-align:left; background-color:#2d2d86; color:#fff; }
#consumptions th:hover { background-color:#000; }
#consumptions tr { border-bottom:1px solid #ddd; }
#consumptions tr:nth-child(odd) { background-color:#fff; }
#consumptions tr:nth-child(even) { background-color:#fffff5; }
#consumptions tr:nth-child(even):hover { background-color:#000; color:#fff; }
#consumptions tr:nth-child(odd):hover { background-color:#000; color:#fff; }

/* === Panier (loanscart) : contenir le débordement mobile === */
.page-loanscart {
	max-width: 100%;
	box-sizing: border-box;
}
.page-loanscart .cart-table-wrap {
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	box-sizing: border-box;
}
.page-loanscart .cart-articles-table {
	width: 100%;
	min-width: 0;
	table-layout: auto;
}
.page-loanscart .cart-articles-table th,
.page-loanscart .cart-articles-table td {
	word-break: break-word;
}

@media (max-width: 600px) {
	/* Uniquement sur la page panier : éviter que le tableau élargisse le document
	   (sinon modal + flèches fixed semblent dépasser à droite). */
	.page-loanscart {
		overflow-x: hidden;
		max-width: 100vw;
	}
	.page-loanscart .w3-container {
		max-width: 100%;
		box-sizing: border-box;
	}
	.page-loanscart h3.w3-text-blue {
		max-width: 100%;
		box-sizing: border-box;
		padding-right: 48px; /* place pour #tobottom fixed */
		word-break: break-word;
	}
	.page-loanscart .cart-table-wrap {
		overflow-x: auto;
		max-width: 100%;
	}
	.page-loanscart .cart-articles-actions {
		flex-direction: row !important;
	}
	.page-loanscart .cart-articles-actions .button {
		flex: 1 1 auto;
		min-width: 120px;
	}
	/* Oui/Non taille desktop (global, inoffensif) */
	#modaldialogyesno #canceldialog,
	#modaldialogyesno #confirmdialog {
		width: auto !important;
		min-width: 4.5em;
		display: inline-block !important;
	}
	#modaldialogyesno #confirmdialog {
		float: right !important;
	}
}


/* Panier — affichage mobile 2 colonnes (desktop inchangé) */
.cart-qty-label-mobile { display: none; }

@media (max-width: 600px) {
	.page-loanscart .cart-thead-desktop {
		display: none;
	}
	.page-loanscart .cart-articles-table,
	.page-loanscart .cart-articles-table tbody {
		display: block;
		width: 100%;
	}
	.page-loanscart .cart-item-row {
		display: grid;
		grid-template-columns: 56px 1fr;
		grid-template-areas:
			"img info"
			"remove qty";
		column-gap: 12px;
		row-gap: 8px;
		align-items: start;
		padding: 12px 4px;
		border-bottom: 1px solid #ddd;
		width: 100%;
		box-sizing: border-box;
	}
	.page-loanscart .cart-item-row > td {
		display: block;
		padding: 0 !important;
		border: none !important;
		width: auto !important;
	}
	.page-loanscart .cart-col-img {
		grid-area: img;
	}
	.page-loanscart .cart-col-img img {
		width: 48px !important;
		height: 48px !important;
	}
	.page-loanscart .cart-col-info {
		grid-area: info;
	}
	.page-loanscart .cart-col-type {
		display: none !important;
	}
	.page-loanscart .cart-col-qty {
		grid-area: qty;
	}
	.page-loanscart .cart-col-remove {
		grid-area: remove;
		text-align: center !important;
	}
	.page-loanscart .cart-qty-label-mobile {
		display: inline;
		font-size: 0.9rem;
	}
}

/* Panier : bouton poubelle (fond clair) */
.btn-cart-remove {
	background-color: #ffebee !important;
	color: #c62828 !important;
	border: 1px solid #ffcdd2 !important;
}
.btn-cart-remove:hover {
	background-color: #ffcdd2 !important;
	color: #b71c1c !important;
}

/* Panier — chaque article + ses sections (fond distinct) */
.loan-cart-sections .loan-cart-article-block {
	margin-top: 10px;
	padding: 12px 14px;
	border-radius: 8px;
	border: 1px solid rgba(0,0,0,0.08);
	box-sizing: border-box;
}
.loan-cart-sections > .loan-cart-article-block:nth-of-type(odd) {
	background-color: #f0f7ff;
}
.loan-cart-sections > .loan-cart-article-block:nth-of-type(even) {
	background-color: #f5f5f0;
}
.loan-cart-sections .loan-cart-article-title {
	margin-bottom: 8px;
}

/* Manuel — fond table des matières (proche des champs de saisie) */
.manual-content .manual-toc {
	background-color: #fffff0 !important;
	border-color: rgba(0,0,0,0.12) !important;
}

/* Manuel — tableaux comme #articles */
.manual-content .manual-table {
	border-collapse: collapse;
	width: 100%;
	font-family: Nunito;
}
.manual-content .manual-table th {
	cursor: default;
	padding: 12px;
	text-align: left;
	background-color: #2d2d86 !important;
	color: #fff !important;
}
.manual-content .manual-table td {
	text-align: left;
	padding: 12px;
	color: inherit !important;
	background-color: transparent !important;
}
.manual-content .manual-table tr {
	border-bottom: 1px solid #ddd;
}
.manual-content .manual-table tr:nth-child(odd) {
	background-color: #fff !important;
}
.manual-content .manual-table tr:nth-child(even) {
	background-color: #fffff5 !important;
}
.manual-content .manual-table tr:nth-child(odd) td,
.manual-content .manual-table tr:nth-child(even) td {
	background-color: transparent !important;
}
.manual-content .manual-table tr:hover {
	background-color: #000 !important;
}
.manual-content .manual-table tr:hover td {
	color: #fff !important;
}

/* Header — emojis profil / thème / déconnexion (haut droite) dans des boutons */
.images-banner-image-default {
	display: flex;
	align-items: center;
	gap: 8px;
}
.images-banner-image-default .header-emoji {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	margin-left: 0;
	user-select: none;
	vertical-align: middle;
	text-decoration: none;
	filter: none !important;
	-webkit-filter: none !important;
	box-sizing: border-box;
	border-radius: 10px;
	border: 1px solid rgba(0, 0, 0, 0.18);
	background-color: rgba(255, 255, 255, 0.92);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
	padding: 0;
}
.images-banner-image-default .header-emoji:hover {
	opacity: 1;
	transform: scale(1.05);
	background-color: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.22);
}
.images-banner-image-default .header-emoji:focus {
	outline: 2px solid rgba(13, 110, 253, 0.55);
	outline-offset: 2px;
}
.images-banner-image-default a.header-emoji {
	color: inherit !important;
	text-decoration: none !important;
}

/* Manuel — schémas HTML (.manual-flow) look type PNG */
.manual-content .manual-flow {
	margin: 1.35em 0 1.6em;
	padding: 18px 16px 20px;
	border-radius: 14px;
	border: 1px solid rgba(30, 60, 120, 0.18);
	background: linear-gradient(180deg, #ffffff 0%, #f4f7fb 100%) !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
	text-align: center;
	box-sizing: border-box;
}
.manual-content .manual-flow-title {
	font-weight: 700;
	font-size: 1.12em;
	margin: 0 0 16px;
	color: #1a237e !important;
}
.manual-content .manual-flow-box {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 118px;
	max-width: 210px;
	min-height: 52px;
	padding: 12px 14px;
	border-radius: 12px;
	border: 1.5px solid #455a64 !important;
	font-size: 0.9em;
	line-height: 1.35;
	text-align: center;
	box-sizing: border-box;
	color: #1a1a1a !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.10);
	font-weight: 500;
}
.manual-content .manual-flow-arrow,
.manual-content .manual-flow-down {
	color: #37474f !important;
	font-weight: 700;
}
.manual-content .tone-blue-1 { background: #e3f2fd !important; }
.manual-content .tone-blue-2 { background: #bbdefb !important; }
.manual-content .tone-blue-3 { background: #90caf9 !important; }
.manual-content .tone-blue-4 { background: #64b5f6 !important; }
.manual-content .tone-blue-5 { background: #42a5f5 !important; color: #0d47a1 !important; }
.manual-content .tone-blue { background: #bbdefb !important; }
.manual-content .tone-green { background: #c8e6c9 !important; }
.manual-content .tone-green-1 { background: #e8f5e9 !important; }
.manual-content .tone-green-2 { background: #c8e6c9 !important; }
.manual-content .tone-green-3 { background: #a5d6a7 !important; }
.manual-content .tone-green-4 { background: #81c784 !important; }
.manual-content .tone-yellow { background: #fff9c4 !important; }
.manual-content .tone-orange { background: #ffe0b2 !important; }
.manual-content .tone-coral { background: #ffcdd2 !important; }
.manual-content .tone-pink { background: #f8bbd0 !important; }
.manual-content .tone-purple { background: #e1bee7 !important; }
.manual-content .tone-gray { background: #cfd8dc !important; }
.manual-content .tone-teal { background: #b2dfdb !important; }
.manual-content .tone-mint { background: #dcedc8 !important; }
.manual-content .tone-neutral { background: #eceff1 !important; }

/* Manuel — indent schémas = texte intérieur (desktop) */
@media (min-width: 601px) {
	.manual-content .manual-flow {
		margin-left: 1.35em;
		padding-left: 0.35em;
		width: auto;
		max-width: calc(100% - 1.7em);
		box-sizing: border-box;
	}
}