[data-tooltip] {position: relative;cursor: pointer}
[data-tooltip]::after {content: attr(data-tooltip);position: absolute;bottom: 125%;left: 50%;transform: translateX(-50%);background: black;color:white;padding: 4px 8px;border-radius: 4px;white-space: nowrap;opacity: 0;pointer-events: none;transition: opacity 0.2s;z-index: 100}
[data-tooltip]:hover::after {opacity: 1}
#richtextenote {background-color:#ffffff;width:98%;min-height:400px;padding-left:0.5em}
.richdiv {background-color:#ffffff;padding-left:0.5em;min-height:5em;width:40em}
#richtextenote:focus, .richdiv:focus {outline:none;border-style:none}
#richtextenote div, .richdiv div{margin-bottom:0.5em}
[data-richdiv] {visibility:hidden}

.abandon{color:#800000}
.accesskey{background-color:#a0a0a0}
.accessbutton{border-style:solid;border-width:0px;border-spacing:0px;border-color:#808080;font-size:0.7em;padding:0px;margin:0px;vertical-align:text-top}
.accno{border-style:none}
.accyes{border-style:solid;border-width:1px;border-color:#000000}
.administration{background-color:#E7E7E7;color:brown;border-color:#d0d0ff;font-size:12px}
.affdl{margin:0;padding:1pt;height:18pt}
.alerte{color:#ffa500}
.attention_bg{background-color:#ff0000}
.inserted_bg{background-color:#40ff40}
.attention{color:#ff0000}
.attentionmenu{background-color:#E7E7E7;color:#ff0000;border-color:#d0d0ff;font-size:12px}
.attentionmild{color:#ff8000}
.attentionok{color:#0000ff}
.aut{background-color:#eec2a0;border-left-style:solid;border-left-width:1px;border-right-style:solid;border-bottom-style:solid;border-right-width:1px;border-bottom-width:1px;}
.autresdonnees{background-color:#ffff80;border-left-style:solid;border-left-width:1px;border-right-style:solid;border-bottom-style:solid;border-right-width:1px;border-bottom-width:1px;}
.biblio_range{background-color:#008800}
.biblio_aclasser{background-color:#FF8C00}
.biblio_commande{background-color:#00FFFF}
.biblio_souhaite{background-color:#0000FF}
.biblio_attente{background-color:#80808F}
.borduretest{border-width:1px;margin:0;border-style:solid;border-color:#ff0000;cursor:pointer;background-color:#ffffff}
.bordurefirst{background-color:#a0a0a0;background: url(gradient-bw.png) repeat-x;margin:0;border-width:0;border-style:solid;color:#000000;cursor:pointer;font-size:12px}
.bordure{background-color:#a0a0a0;margin:0;border-width:0;border-color:#0000ff;border-style:solid;color:#000000;cursor:pointer;font-size:12px}
.bg{background-color:#ffffff}
/*.button{font-family:arial;margin:0;vertical-align:bottom;color:#0000ff;background-color:#ffffff;border-width:0;border-color:#ffffff;text-align:left;cursor:pointer;padding:0;padding-left:0}*/
.button{font-family:arial;margin:0;vertical-align:bottom;color:#0000ff;background-color:#ffffff;border-width:0;border-color:#ffffff;text-align:left;cursor:pointer;padding:0;padding-left:0}
.buttonlight{font-family:arial;margin:0;vertical-align:bottom;color:#0000ff;border-width:0;border-color:#ffffff;text-align:left;cursor:pointer;padding:0;padding-left:0}
/*.buttonattention{font-family:arial;margin:0;vertical-align:bottom;color:#ff0000;background-color:#ffffff;border-width:0;border-color:#ffffff;text-align:left;cursor:pointer;padding:0;padding-left:0}*/
.buttonattention{font-family:arial;margin:0;vertical-align:bottom;color:#ff0000;background-color:#ffffff;border-width:0;border-color:#ffffff;text-align:left;cursor:pointer;padding:0;padding-left:0}
.buttonattention:hover{text-decoration:underline}
.cbutton{background-color:#d0d0d0;color:black;font-weight:normal;text-decoration:none;padding-left:3px;padding-right:3px;border:2px outset black}
.ca{background-color:#ffe8e8}
.click{color:#0000ff;cursor:pointer}
.client{background-color:#d0d0ff;border-left-style:solid;border-left-width:1px;border-right-style:solid;border-bottom-style:solid;border-right-width:1px;border-bottom-width:1px;}
.contact{background-color:#c0c0ff}
.cursor, cursorselect{font-family:arial;margin:0;vertical-align:bottom;color:#0000ff;background-color:#ffffff;border-width:0;border-color:#ffffff;text-align:center;cursor:pointer;padding:0;padding-left:0}
cursor{background-color:#ffffff}
/* cursorselect{background-color:#a0a0a0} */
.cursorselect, .cursor:hover{background-color:#a0a0a0;color:#ff0000;text-decoration:none}
/* .cursorselect{font-family:arial;font-size:10;margin:0;vertical-align:bottom;color:#0000ff;background-color:#a0a0a0;border-width:0;border-color:#ffffff;text-align:center;cursor:pointer;padding:0;padding-left:0} */
.def_semaine{background-color:#ffffff;border-width:0;padding:0;margin:0}
.delaitexte{background-color:#ffffff;color:#000000;cursor:pointer}
.delai_seul{background-color:#c0c0ff;border-width:1px;border-color:#000000;border-style:solid}
.dormant{background-color:#ff8080}
.dujourtexte{background-color:#e0e0ff;color:#000000;cursor:pointer}
.dujourvacances{background-color:#e0e0ff;color:#ff4000;cursor:pointer}
.dujour{background-color:#e0e0ff;height:75px;color:#00ff00}
.duplicate{color:#404040;font-size:8pt}
.edit-wrap{
  position: relative;
  display: inline-block;
  width: 33%;
  vertical-align: top;
}

.icon-wrap
{
  display: inline-block;  /* évite l'effet "ligne agrandie" */
  line-height: 1;         /* supprime le strut de la ligne */
  vertical-align: -0.15em; /* petit ajustement vertical */
  padding:0px;
}
.mail-icon, .phone-icon, .blank_icon
{
  height:1em;border:none;padding:0px;padding-right:1.5em;padding-left:0.5em;margin:0px;display: block;line-height:1.2;
}

.nopadding {padding:0px;margin:0px}
.padleft {padding-left:calc(2em + 16px);text-indent:calc(-2em - 16px)}

/* même boîte pour les deux, superposées */
.edit-wrap .view,
.edit-wrap .editor{
position: relative;
top: 0;
left: 0;
width: 100%;
/* height: 100%; */
box-sizing: border-box;
z-index: 1;        /* ou hidden si tu préfères */
}

.textareaedited {background-color:#ffffff;
  margin-left:calc(2em + 16px);
  font-size:inherit;
  font-family:inherit;
  line-height: 1.2;
  border-width:0px;
  border-style:none;
  scrollbar-width: none;
}
.textareaedited::-webkit-scrollbar {
    display: none;         /* Chrome, Safari, Edge */
}

/* textarea */
.editor{
  resize: none;
  appearance: none;
  -moz-appearance: none;
}
.editable-style {
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  line-height: 1.2;
  padding: 0;
  margin: 0;
  border: none;
  appearance: none;
  resize: none;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  word-break: break-word;
  box-sizing: border-box;
  background: none;
  overflow: hidden;
/*   background-color: #ffffff; */
  outline: none;


  vertical-align: bottom;


  -moz-appearance: none;
  appearance: none;
}
.enattente_bg{background-color:#ff8080}
.enmoistexte{background-color:#c0c0ff;color:#000000;cursor:pointer}
.enmoisvacances{background-color:#c0c0ff;color:#ff4000;cursor:pointer}
.enmois{background-color:#c0c0ff;height:75px;color:#000000}
.entete-attention{background-color:#c0c0ff;border-color:#c0c0ff;color:#ff0000}
.entete{background-color:#c0c0ff;border-color:#c0c0ff}
.facturepayee{color:#008000}
.factureouverte{color:#ff0000}
.help{color:#00a000;background-color:#d0d0ff;border-color:#d0d0ff}
.horsmoistexte{background-color:#ebdde2;color:#000000;cursor:pointer}
.horsmoisvacances{background-color:#ebdde2;color:#ff4000;cursor:pointer}
.horsmois{background-color:#ebdde2;height:75px;color:#00ff00}
.idemmaj{color:#000088}
.img{height:6vw}
.inline{display:inline}
.invisible{visibility:hidden;position:absolute;max-width:0px;width:0px;max-height:0px;height:0px}
.invisible2{visibility:hidden;position:absolute;max-width:0px;width:0px;max-height:0px;height:0px}
.ligne1{background-color:#ffa0a0}
.ligne2{background-color:#60ff60}
.lignejour0{background-color:#ffffff;margin:0;padding:1px;height:18px;font-weight:bold}
.lignejour1{background-color:#f0f0f0;margin:0;padding:1px;height:18px}
.lignejour2{background-color:#e0e0e0;margin:0;padding:1px;height:18px}
.lignejour3{background-color:#c0c0c0;margin:0;padding:1px;height:18px}
.lignejour4{font-size:15px}
.ligneplan0{background-color:#909090;margin:0;padding:1px}
.ligneplan1{background-color:#f0f0f0;margin:0;padding:1px}
.ligneplan2{background-color:#e0e0e0;margin:0;padding:1px}
.ligneplan3{background-color:#404040;margin:0;padding:1px;height:1px;font-size:1px}
.mailbox{color:#4040ff}
/* .menu{background-color:#e0e0e0;margin:0;border-width:0;border-color:#ffffff;color:#000000;cursor:pointer} */
/* .menu{background-color:#c0c0c0;margin:0;border-width:0;border-color:#ffffff;color:#000000;cursor:pointer;font-size:12px} */
.maj{color:#008800}
.nomaj{color:#880000}
.majref{}
.menuinit{background-color:#E7E7E7;background: url(gradient.png) repeat-x;margin:0;border-width:0;border-color:#ffffff;color:#000000;cursor:pointer;font-size:12px}
.menu{background-color:#E7E7E7;margin:0;border-width:0;border-color:#ffffff;color:#000000;cursor:pointer;font-size:12px}
.messageline{padding:0;background-color:#ffffff;cursor:pointer;border-style:none}
.modified{border:solid 2px #FFA500}
.modified_bg{background-color:#FFF0B0}
.niet{color:#ffffff;background-color:#ffffff}
.noclick{color:#000000;cursor:default}
.noclick:hover{text-decoration:none}
.nomjourmois{color:#000000;background-color:#ffffff}
.nonbreakable{white-space: nowrap;margin:0;padding:0}
.noselect{padding:0;background-color:#ffffff;cursor:pointer}
.noselect_bold{padding:0;cursor:pointer;color:#800000}
.not_valid{color:#ffc0c0}
.null{height:0px;width:0px;background-color:#c0c0ff;border-width:0}
.ok{color:#00ff00}
.onglet{cursor:pointer;border-radius: 15px 15px 0px 0px;border-style:solid;border-bottom-style:none !important;border-width:1px;border-color:#000000}
.onglet2{cursor:pointer;width:20%;display:inline-block;margin:0px;padding:0px;text-align:center}
.pa{background-color:#ffd0d0;border-left-style:solid;border-left-width:1px;border-right-style:solid;border-bottom-style:solid;border-right-width:1px;border-bottom-width:1px;}
.pj{background-color:#e8e8ff}
.phone-line{min-height: 1em}
.popup_static{position:absolute}
.popupguy{position:absolute;display:none;background-color:#ffffff;border-width:0;border-color:#ffffff;border-top-style:solid;border-top-width:1px}
.popupguyshow{position:relative;visibility:visible;background-color:#ffffff;border-width:0;border-color:#ffffff}
.popupitem{position:absolute;display:none;border-width:0;background-color:#E7E7E7;border-color:#ffffff;z-index:10}
.popupsubitem{position:absolute;display:none;color:#000000;}
.popup{position:absolute;background-color:yellow;max-width:96%;margin-right:40px;overflow:hidden}
.racell, .racellev{text-align:right;padding:0px;padding-right:0.5em}
.racellev{font-weight:bold;padding-bottom:1em}
.select{background-color:#c0c0c0;padding:0;cursor:pointer}
.select_bold{background-color:#c0c0c0;padding:0;cursor:pointer;color:#800000}
.selected_bg{background-color:#a0a0c0}
.selected_op{background-color:#a0a0c0}
.sellang, input.sellang{background-repeat:no-repeat;background-position:0em;padding-left:1.5em;background-size:1.3em 0.9em;}
select.sellang{appearance: none}
.semaine_select{background-color:#ff0000;border-width:1px;padding:0;margin:0}
.semaine{background-color:#ffffff;border-width:1px;padding:0;margin:0}
.semainehorsmois{background-color:#ffffff;color:#a0a0a0;border-width:1px;padding:0;margin:0}
.semaine_entete{background-color:#e0e0e0;border-width:0;padding:0;margin:0}
.substyle{visibility:hidden;background-color:#ffffff;border-right:none;width:0px;display:block;width:0px;height:0px}
.special_border{border-bottom-width:0;border-left-width:1px;border-left-color:#d0d0d0;border-left-style:solid;border-right-width:0}
.submenu{background-color:#E7E7E7;margin:0;border-width:0;border-color:#ffffff;color:#000000;cursor:pointer;font-size:12px;white-space:nowrap;position:absolute}
.tablemenu{width:100%;border:none;padding:0px;border-spacing:0px}
.textbl{font-size:16px;font-family:arial}
.today{background-color:#ffe0e0;border-width:1px;border-color:#ff0000;padding:0;margin:0}
.splitdate{background-color:#ffffff}
.agendasize, .affdl, .delaitexte, .delai_seul, .dujourtexte, .dujourvacances, .dujour, .enmoistexte, .enmoisvacances, .enmois, .horsmoistexte, .horsmoisvacances, .horsmois, .enattente_bg, .inserted_bg, .lignejour0, .lignejour1, .lignejour2, .lignejour3, .mailbox, .messageline, .nomjourmois, .noselect, .noselect_bold, .select, .select_bold, .selected_op, .semaine_select, .semaine, .semainehorsmois, .semaine_entete, .today{font-size: 10px}
a:hover{text-decoration:underline}
a{text-decoration:none;color:#0000ff}
/*body{background-color:#ffefef}*/
/* body{min-height:95%;border-width:1px;border-color:#ff0000;border-style:solid;color:#000000;height:100%} */
html{height:98%}
body {border:solid 2px #FFFFFF}
body textarea{font-family:arial;/*background-color:#00ffff*/}
/* body{background-color:#ffffff;} */
body:-webkit-full-screen  {width: 100%;height: 100%;background-color:#ffffff;}
body:-moz-full-screen  {width: 100%;height: 100%;background-color:#ffffff;}
button{font-family:arial;margin:0;vertical-align:baseline;color:#0000ff;background-color:#ffffff;border-width:0;border-color:#ffffff;text-align:left;cursor:pointer;padding:0;padding-left:0}
button:hover{text-decoration:underline}
del{text-decoration:line-through;color:red}
ignore{text-decoration:line-through;color:blue}
h1:focus{text-decoration:underline;color:#00ffaa}
h2{vertical-align:top}
table.aut{color:#000000;border-color:#000000;width:100%}
table.autresdonnees{color:#000000;border-color:#000000;width:100%}
table.client{color:#000000;border-color:#000000;width:100%}
table.pa{color:#000000;border-color:#000000;width:100%}
option.selected{background-color:#ffb647;color:#ff0000}
mtable{display:table}
mtr{display:table-row}
mtd{display:table-cell}
textepage{display:inline-block;width:96%;align-self:center;align-content:center;display:block;border-style:none;padding-left:2%;padding-right:2%}
.boxtimedate, .boxyear{margin-right:0px;margin-left:0px;padding-right:0px;padding-left:0px;text-align:center}
.boxtimedate{width:1.5em}
.boxyear{width:3em}

.afficheadmin {color:#ff0000}
.afficheauto {font-style:italic}
.afficheutilisateur {color:#4444ff}
.affichesecretaire{}
.afficheassocie{}
.affichecompta{color:#ff8800}

.bw, .wb{font-size:3vh}
.bw, .bodybw{background-color:#000000;color:#ffffff}
.wb, .bodywb{background-color:#ffffff;color:#000000}
.popwin{
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  height:700px;
  width:550px;
  border-style:solid 1px;
  background-color:#ff8080;
}

dialog { position: fixed; max-width: 90vw; max-height: 80vh; overflow: auto; top: min(5vh, 100px);}
dialog::backdrop { background: rgba(0,0,0,.35); }

@media print
{
	.specialprint{display:none}
}

.result {
/*   border: 1px dotted #ccc; */
/*   padding: 3px; */
  padding: 0;
  text-align:left;
  position:absolute;
  background-color: #eee;
}
.result ul {
  border: 1px solid #ccc;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.result ul li {
  padding: 0 0;
}
.result ul li:hover {
  background: #aaa;
}
.result ul li:focus {
  background: #aaa;
}
.result ul li input {
  padding: 0 0;
/*   -webkit-appearance: none; */
 
.result ul li input:hover {
  background: #aaa;
}
.result ul li input:focus {
  background: #aaa;
}