* {box-sizing: border-box;}
body {font-size:150%;text-align:center;width:100%;max-width:1000px;margin:auto;padding:10px;background:linear-gradient(#000033,#77b5fe,#000033);background-attachment:fixed;color:#ffffff;}

a:link {color:#aaf;text-decoration: none;}
a:visited {color:#ccf;text-decoration: none;}
.onglets{margin-top:4px;left:0px;font-size:130%;}
#onglets2{margin-top:10px;left:0px;font-size:80%;display:none;}
.Bonglet{margin-left:20px;border:outset 4px
grey;background-color:#333;border-radius:6px;padding-left:20px;padding-right:20px;display:inline-block;}
.Bonglet2{margin-left:20px;border:outset 2px
grey;background-color:#333;border-radius:4px;padding-left:20px;padding-right:20px;display:inline-block;}
#pied{display:flex;justify-content:space-between;font-size:14px;}
.fsize12{font-size:12px;height:16px;}
.fsize10{font-size:10px;height:14px;}
.fsize8{font-size:8px;}
.tableau { background-color:white;display:inline-block;margin:auto;padding:4px;color:black;border:2px inset
grey;border-radius:10px;}
table{border-collapse:collapse;}
.lds-dual-ring {color: #cccc5b;visibility: hidden;}
.lds-dual-ring,.lds-dual-ring:after {box-sizing: border-box;}
.lds-dual-ring {display: inline-block;width: 80px;height: 80px;}
.lds-dual-ring:after {content: " ";display: block;width: 64px;height: 64px;margin: 8px;border-radius: 50%;border: 6.4px
solid currentColor;border-color: currentColor transparent currentColor transparent;animation: lds-dual-ring 1.2s linear
infinite;}
@keyframes lds-dual-ring {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}}
.bouton,input[type=file]::file-selector-button{margin: 5px;text-align:left;font-size:20px;height:28px;border:3px grey
outset;border-radius:7px;cursor:pointer;}