#reposer, #Observer, #Se_cacher, #Travailler, #Prospecter, #Crafter, #deplacer, #Attaquer, #Soigner, #Donner, #Analyser, #Arreter {
position: absolute;
/* Fond façon communicateur : gradient diagonal or → sombre + clip octogonal */
--ico-grad: linear-gradient(135deg, color-mix(in srgb, var(--interactive-secondary) 6%, var(--bg-medium)) 0%, var(--bg-darkest) 100%);
background-color: var(--bg-darkest);
border: 1px solid var(--border-dark);
clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px);
box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.4);
height: 46px;
width: 46px;
filter: saturate(0.85);
transition: box-shadow 0.14s ease, border-color 0.14s ease, color 0.14s ease;
/* 2 couches : icône PNG (40px, même taille que le communicateur) au-dessus
   du gradient (plein cadre). Boîte 50px conservée → dock inchangé. */
background-size: 40px 40px, 100% 100%;
background-position: center, center;
background-repeat: no-repeat, no-repeat;
}
#reposer    { background-image: url('../img/design/icones/new/REPOSER.png'),    var(--ico-grad); top:3px;   left:3px; }
#Observer   { background-image: url('../img/design/icones/new/OBSERVER.png'),   var(--ico-grad); top:57px;  left:3px; }
#Se_cacher  { background-image: url('../img/design/icones/new/CACHER.png'),     var(--ico-grad); top:111px; left:3px; }
#Travailler { background-image: url('../img/design/icones/new/TRAVAILLER.png'), var(--ico-grad); top:165px; left:3px; }
#Prospecter { background-image: url('../img/design/icones/new/PROSPECTER.png'), var(--ico-grad); top:219px; left:3px; }
#Crafter    { background-image: url('../img/design/icones/new/CRAFTER.png'),    var(--ico-grad); top:273px; left:3px; }

/* Icônes fenêtre actions passives — même fond gradient que le communicateur */
#reposer-w, #Observer-w, #Se_cacher-w, #Travailler-w, #Prospecter-w, #Crafter-w {
    --ico-grad: linear-gradient(135deg, color-mix(in srgb, var(--interactive-secondary) 6%, var(--bg-medium)) 0%, var(--bg-darkest) 100%);
    background-color: var(--bg-darkest);
    border: 1px solid var(--border-dark);
    clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.4);
    height: 42px;
    width: 42px;
    filter: saturate(0.85);
    transition: box-shadow 0.14s ease, border-color 0.14s ease;
    background-repeat: no-repeat, no-repeat;
    background-size: 38px 38px, 100% 100%;
    background-position: center, center;
}
#reposer-w    { background-image: url('../img/design/icones/new/REPOSER.png'),    var(--ico-grad); }
#Observer-w   { background-image: url('../img/design/icones/new/OBSERVER.png'),   var(--ico-grad); }
#Se_cacher-w  { background-image: url('../img/design/icones/new/CACHER.png'),     var(--ico-grad); }
#Travailler-w { background-image: url('../img/design/icones/new/TRAVAILLER.png'), var(--ico-grad); }
#Prospecter-w { background-image: url('../img/design/icones/new/PROSPECTER.png'), var(--ico-grad); }
#Crafter-w    { background-image: url('../img/design/icones/new/CRAFTER.png'),    var(--ico-grad); }

#deplacer   { background-image: url('../img/design/icones/new/DEPLACER.png'),  var(--ico-grad); }
#Attaquer   { background-image: url('../img/design/icones/new/ATTAQUER.png'),  var(--ico-grad); }
#Soigner    { background-image: url('../img/design/icones/new/SOIGNER.png'),   var(--ico-grad); }
#Donner     { background-image: url('../img/design/icones/new/ECHANGER.png'),  var(--ico-grad); }
#Analyser   { background-image: url('../img/design/icones/new/ANALYSER.png'),  var(--ico-grad); }
#Arreter    { background-image: url('../img/design/icones/new/ARRESTATION.png'), var(--ico-grad); }

#showstat{
background-image: url('../img/design/icones/Inventaire.png');
}
#showinv{
background-image: url('../img/design/icones/showinv.png');
}

#Implant {
background-image: url('../img/design/icones/Implant.png');

}
#afk{
background-image: url('../img/design/icones/afk.png');

}
#iconedisket{

	background-image: url('../img/design/icones/iconedisket.png');
}

#utiliser{
background-image: url('../img/design/icones/utiliser.png');
}

#detail{
background-image: url('../img/design/icones/detail.png');
}
#draganddrop{

	background-image: url('../img/design/icones/draganddrop.png');
}

/*.draganddropoff{

	background-image: url('../img/design/icones/draganddropoff.png');
}*/

#fofo{
background-image: url('../img/design/icones/fofo.png');
}
#gestcompte{

background-image: url('../img/design/icones/gestcompte.png');
}
#decoig{
	background-image: url('../img/design/icones/decoig.png');
}


/*com*/
.com0{
	background-image: url('../img/design/icones/new/MESSAGERIE.png');
}
.com001{
	background-image: url('../img/design/icones/com_recep.png');
}
.com002{
	background-image: url('../img/design/icones/com_env.png');
}
.com003{
	background-image: url('../img/design/icones/com_new.png');
}
.com004{
	background-image: url('../img/design/icones/com_envoye.png');
}
.com005{
	background-image: url('../img/design/icones/com_trash.png');
}


.com1{/* plan*/
	background-image: url('../img/design/icones/new/PLAN.png');
}
.com2{
	background-image: url('../img/design/icones/new/ANNONCE.png');
}
.com3{
	background-image: url('../img/design/icones/new/EMPLOI.png');
}
.com4{
	background-image: url('../img/design/icones/new/HABITATION.png');
}
.com5{
	background-image: url('../img/design/icones/new/BANQUE.png');
}
.com6{
	background-image: url('../img/design/icones/new/INFORMATION.png');
}
.com7{
	background-image: url('../img/design/icones/new/BLOCNOTE.png');
}
.com8{
	background-image: url('../img/design/icones/new/ECONOMIE.png');
}
.com9{
	background-image: url('../img/design/icones/com_backicon.png');
}
.com64{
	background-image: url('../img/design/icones/new/MARSHALL.png');
}
.com98{
	background-image: url('../img/design/icones/new/ELECTION.png');
}
.com99{
	background-image: url('../img/design/icones/com_dl.png');
	position:absolute;
	right:48px;
}
.com100{
	background-image: url('../img/design/icones/com_stop.png');
	position:absolute;
	right:6px;
}


.lookatwhorename{
	background-image: url('../img/design/icones/lookatwhorename.png');
}
.lookatwhorename2{
	background-image: url('../img/design/icones/lookatwhorename2.png');
}