/*

@media screen and (max-width: 800px) {
    @-ms-viewport {
        width: 8600;
    }
}

*/



 
 table.noTH th{display:none;}
 .fieldset>legend{color:chocolate;font-size:1.2em;font-weight:800;margin-left:20px;padding:0px 5px;  }
 .fieldset{border:double 3px chocolate;   border-radius:6px;background-color:rgba(250,250,250,.5);}
 body{
   margin:0px;padding:0px;padding-top:40px;
  background-color:FloralWhite;
 }
 a{text-decoration: none;color:chocolate;}

 .myh3{
  background-color:bisque;
  background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAoCAYAAAA/tpB3AAAAAXNSR0IArs4c6QAAAAZiS0dEAAsACgAJ+ti3HAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+EBDgwgCrA4CNwAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAARElEQVQI15XMMQqAMBAF0dmJyf2P6A3ETgRZqyxYKNg8pvh8MjNlW5FzR64DgSIKEBekdcQxaQOxVw0k2vPlk4gf4xdugCMKQTx+sd8AAAAASUVORK5CYII=');
  background-repeat: repeat-x;
  font-size:1.5em;
  font-color:chocolate;
}
.chocolate{color:chocolate;}
 }
 h3{
  color:tan;
  margin-bottom:0px;
  margin-top:5px;
 }
 div.erreur{
   color:white;
   font-family:verdana;
   font-size:.9em;
   padding:0px 8px;
   text-decoration:none;
   background-color:orangered;
   border:double 0px white;
   border-radius:12px;
   display:table;
 }
 div.titre{
  font-size:1.5em;
  padding-left:10px;
   background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqcAAAAkCAYAAAC0XpNbAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QQTDCcsR+cb1AAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAB+klEQVR42u3csWoUURiG4X9md1GQkEoCSYiokCJVTKFegFYRSWP0UrymeAu5jhSLTCqFdSrdDBh39oxVCkUbUefszvP0Cx8zzQt7zhSfP1x0AQAAf9HmzkHxJ78be3QAAPQRouIUAIBsQvRXSo8YAIDfmc+mb2+i9F+HaURE4cwpAAA3mvoyIuL8zt37z/5HjP7M3/oAAERTX56mtDjb2NqPzZ2D533tEKcAAETXLc92j06Kvnc4cwoAQOw8elnksEOcAgAM2Hw2zWqPOAUAGKimrqIsJ1UfF5/EKQAAP1i232L78PhhTpvEKQDAADV1dV6O8rsbL04BAAYopfZZLpegxCkAwMB1KWW5S5wCAAxQUeaZgeIUAGBgrj69j42tfXEKAED/urSMnD4fJU4BAAYep7kSpwAAQ1Pkm4DiFABgQJq6yvYylDgFABiYlNooy8mpOAUAoHfdso3tw+N34hQAAMQpAAAREfPZNEaT2+IUAID+pcV1bB++KHLeKE4BAAZgPptGObmV/U5xCgCw5pq6itQuYvfopMh9qzgFAFjrML2sFl+vYu/xq2IV9o69MgCA9TSfTSMtrh/ce/qmWJXN4hQAYI00dRUptdEt2yhG49h78rpYpf3jLx8vvEUAgHVQlFGOxitxthQAAAAAAAAAAAAAAABg5X0HPyZvZV/OJUoAAAAASUVORK5CYII=');
  height:36px;
background-color:FloralWhite;
  background-repeat:no-repeat;
  position:fixed;top:0px;width:100%; left:0px;
 }
 div.titreUser{
  font-size:1em;
  padding-right:10px;
  background-color:transparent;
  text-align:right;
  position:absolute;
  top:0px;right:0px;
 }
 div.principal{
 margin:0px 0px 8px 8px;
 }


body{margin-top:0px;}
table.simple, table.simple2{
 border-collapse:collapse;
  border:solid 1px silver;
}
table.simple th{
 border:solid 1px silver;
 color:white;
 background-color:DarkSlateGrey;
}
table.simple2 th{
 border:solid 1px silver;
}
table.simple td, table.simple2 td{
 border:solid 1px silver;
}
table td{font-size:.8em;}
.btn{
   color:white;
   font-family:verdana;
   font-size:12px;
   padding:1px 5px;
   text-decoration:none;
   background-color:Tan;
   border:double 3px white;
   border-radius:6px;
}
.pdf{
   border:double 3px tan;
   border-radius:6px;
}
input{
  margin:0px;
  padding:0px;
}
.btn:hover , .lien:hover{
   background-color:peru;
}
form{
  margin:0px;
  padding:0px;
  display:inline-block;
}
.lien{
   text-decoration: none;
   color:white;
   background-color:Tan;
}
table.b0{
  font-size:inherit;
}

/* ----------- mode dark ------------ */

@media (prefers-color-scheme: dark) { 
 table.noTH th{display:none;}
 .fieldset>legend{color:chocolate;font-size:1.2em;font-weight:800;margin-left:20px;padding:0px 5px;  }
 .fieldset{border:double 3px chocolate;   border-radius:6px;background-color:rgba(250,250,250,.5);}
 body{
   margin:0px;padding:0px;padding-top:40px;
  background-color:FloralWhite;
 }
 a{text-decoration: none;color:chocolate;}

 .myh3{
  background-color:bisque;
  background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAoCAYAAAA/tpB3AAAAAXNSR0IArs4c6QAAAAZiS0dEAAsACgAJ+ti3HAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+EBDgwgCrA4CNwAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAARElEQVQI15XMMQqAMBAF0dmJyf2P6A3ETgRZqyxYKNg8pvh8MjNlW5FzR64DgSIKEBekdcQxaQOxVw0k2vPlk4gf4xdugCMKQTx+sd8AAAAASUVORK5CYII=');
  background-repeat: repeat-x;
  font-size:1.5em;
  font-color:chocolate;
}
.chocolate{color:chocolate;}
 }
 h3{
  color:tan;
  margin-bottom:0px;
  margin-top:5px;
 }
 div.erreur{
   color:white;
   font-family:verdana;
   font-size:.9em;
   padding:0px 8px;
   text-decoration:none;
   background-color:orangered;
   border:double 0px white;
   border-radius:12px;
   display:table;
 }
 div.titre{
  font-size:1.5em;
  padding-left:10px;
   background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqcAAAAkCAYAAAC0XpNbAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QQTDCcsR+cb1AAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAB+klEQVR42u3csWoUURiG4X9md1GQkEoCSYiokCJVTKFegFYRSWP0UrymeAu5jhSLTCqFdSrdDBh39oxVCkUbUefszvP0Cx8zzQt7zhSfP1x0AQAAf9HmzkHxJ78be3QAAPQRouIUAIBsQvRXSo8YAIDfmc+mb2+i9F+HaURE4cwpAAA3mvoyIuL8zt37z/5HjP7M3/oAAERTX56mtDjb2NqPzZ2D533tEKcAAETXLc92j06Kvnc4cwoAQOw8elnksEOcAgAM2Hw2zWqPOAUAGKimrqIsJ1UfF5/EKQAAP1i232L78PhhTpvEKQDAADV1dV6O8rsbL04BAAYopfZZLpegxCkAwMB1KWW5S5wCAAxQUeaZgeIUAGBgrj69j42tfXEKAED/urSMnD4fJU4BAAYep7kSpwAAQ1Pkm4DiFABgQJq6yvYylDgFABiYlNooy8mpOAUAoHfdso3tw+N34hQAAMQpAAAREfPZNEaT2+IUAID+pcV1bB++KHLeKE4BAAZgPptGObmV/U5xCgCw5pq6itQuYvfopMh9qzgFAFjrML2sFl+vYu/xq2IV9o69MgCA9TSfTSMtrh/ce/qmWJXN4hQAYI00dRUptdEt2yhG49h78rpYpf3jLx8vvEUAgHVQlFGOxitxthQAAAAAAAAAAAAAAABg5X0HPyZvZV/OJUoAAAAASUVORK5CYII=');
  height:36px;
background-color:FloralWhite;
  background-repeat:no-repeat;
  position:fixed;top:0px;width:100%; left:0px;
 }
 div.titreUser{
  font-size:1em;
  padding-right:10px;
  background-color:transparent;
  text-align:right;
  position:absolute;
  top:0px;right:0px;
 }
 div.principal{
 margin:0px 0px 8px 8px;
 }


body{margin-top:0px;}
table.simple, table.simple2{
 border-collapse:collapse;
  border:solid 1px silver;
}
table.simple th{
 border:solid 1px silver;
 color:white;
 background-color:DarkSlateGrey;
}
table.simple2 th{
 border:solid 1px silver;
}
table.simple td, table.simple2 td{
 border:solid 1px silver;
}
table td{font-size:.8em;}
.btn{
   color:white;
   font-family:verdana;
   font-size:12px;
   padding:1px 5px;
   text-decoration:none;
   background-color:Tan;
   border:double 3px white;
   border-radius:6px;
}
.pdf{
   border:double 3px tan;
   border-radius:6px;
}
input{
  margin:0px;
  padding:0px;
}
.btn:hover , .lien:hover{
   background-color:peru;
}
form{
  margin:0px;
  padding:0px;
  display:inline-block;
}
.lien{
   text-decoration: none;
   color:white;
   background-color:Tan;
}
table.b0{
  font-size:inherit;
}

}


/* --------- tooltips --------------- */
.stickytooltip{
box-shadow: 6px 6px 10px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 6px 6px 10px #818181;
-moz-box-shadow: 6px 6px 10px #818181;
display:none;
position:absolute;
padding:1px;
padding-bottom:2px;
display:none;
border:3px double navy; /*Border around tooltip*/
border-radius: .5em ;
background:MintCream;
z-index:3000;
}


.stickytooltip .stickystatus{ /*Style for footer bar within tooltip*/
background:black;
color:white;
display:none;
padding-top:5px;
text-align:center;
font:bold 11px Arial;
}