@charset "utf-8";

/* Classes de style du controle */
.taContn { border: 1px solid #666; overflow: hidden; }
.taTools { border-bottom: 1px solid #666; padding: 1px; background: #ddd; height: 20px; overflow: hidden; }
.taSpacer { display: block; float: left; width: 1px; height: 16px; background: #666; margin: 2px 5px; border: none; font-size: 1px; vertical-align: top; }
.taBouton { display: block; float: left; width: 16px; height: 16px;  padding: 2px; background-repeat: no-repeat; background-position: center; cursor: pointer; }
.taBouton:hover { padding: 2px; background-color: #fd8; }
.taDisabled { display: none; }
.taActif { padding: 2px; background-color: #fea; }

/* Classes de style des fenetres des outils et leur contenu */
.taFenetre { position: absolute; width: 400px; height: 300px; top: 50%; margin-top: -150px; left: 50%; margin-left: -200px; z-index: 201; border-radius: 5px; box-shadow: 0 0 8px rgba(0,0,0,0.6); }
.taFenetre * { font-family: Arial, Helvetica, sans-serif; }
.taFentitre { padding: 3px; background: #d7d7d7; border: 1px solid #999; border-bottom: none; font-weight: bold; font-size: 13px; border-radius: 5px 5px 0 0; }
.taFentitre img { vertical-align: top; margin-right: 3px; }
.taFentitre img.taFenbtnclose { height: 16px; width: 16px; float: right; cursor: pointer; }
.taFencontn { padding: 8px; height: 259px; overflow: auto; background: #fff; border: 1px solid #666; font-size: 12px; border-radius: 0 0 5px 5px; }
.taFencontn * { font-size: 12px; }
.taFencontn td { vertical-align: middle; }
.taFencontn a { text-decoration: none; color: #66c; }
.taFencontn a:hover { text-decoration: underline; }
.taFencontn a.taFenbtn { display: block; float: left; position: relative; height: 20px; width: 26px; padding-top: 4px; 
	text-decoration: none; text-align: center; vertical-align: middle; font-size: 13px; color: #000; }
.taFencontn a.taFenbtn:hover { background: #fd9;  text-decoration: underline; }
.taFencontn img { vertical-align: top; }
.taFencontn input { padding: 1px; margin: 0px; border: 1px solid #666; height: 16px; }
.taFencontn select { padding: 0px; margin: 0px; border: 1px solid #666; height: auto; }
.taImgApercu { outline: 1px solid #666; background-color: #fff; border: 4px solid #fff; position: absolute; display: none; }
.taFicrec { height: 16px; width: 16px; cursor: pointer; }
.taFicadd { height: 16px; width: 16px; cursor: pointer; }
.taFicdel { height: 16px; width: 16px; cursor: pointer; }
.taUpFicrec { height: 18px; width: 16px; cursor: pointer; display: inline-block; /* position: absolute; left: 360px; top: 143px; */ overflow: hidden; vertical-align: middle; }
.taUpDosrec { height: 16px; width: 16px; cursor: pointer; }
.taDelFicrec { height: 16px; width: 16px; cursor: pointer; }
.taListe { position: absolute; height: 200px; background-color: #fff; color: #000; border: 1px solid #666; overflow: auto; display: none; z-index: 99999; }
.taListe * { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.taListe img { vertical-align: top; margin-right: 3px; margin-left: 3px; }
.taListe a { text-decoration: none; color: #66c; }
.taListe a:hover { text-decoration: underline; }
.taListe a.taLien { vertical-align: top; }
.taListe a.taLienrep { vertical-align: top; }
.taListe div.taDivrep { overflow: hidden; margin-left: 24px; height: auto; }
.taFrameTexte { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.taFrameTexte img { vertical-align: top; margin-right: 3px; margin-left: 3px; }
.taMenuContextuel { position: absolute; width: 200px; height: auto; padding: 5px; background: #fff; color: #666; z-index: 205; border-radius: 5px; box-shadow: 0 0 4px rgba(0,0,0,0.6); }
.taMenuContextuel .taContextLien { text-decoration: none; color: #000; cursor: pointer; padding: 0px 6px; }
.taMenuContextuel .taContextLien:hover { text-decoration: none; background: #666; color: #fff }

.taTraden { float: right; }