/*==== div id="eanselect ======*/
/*#eanselect {
height: 90%
}
#eanselect .toolbar {
height: auto;
padding:2%;
}
#eanselect .toolbar h1{
padding-top: 0%;
text-align: auto;
overflow: visible;
font-size: 1.7em;
}
#eanselect  .button {
position:  static;
line-height: 110%;
color: #222222;
font-size: 150%;
text-decoration: none;
font-weight: bold;
text-shadow: rgba(99,99,99,.2) 0 1px 1px;
-webkit-border-image: url(themes/jqt/img/whiteButton.png) 10 10 10 10;
}
*/
/*#ean {
padding: 2px 2px;
font-size: 1em;
border-collapse: separate;
border-spacing: 5px 1px;
}
*/
#eanselect  table#ean {
padding: 2px 2px;
font-size: 1em;
border-collapse: separate;
border-spacing: 5px 1px;
padding-left: 1%;
margin-left: auto;
margin-right: auto
}
#eanselect  td.dummy{
background-color: #000;
border: 2px solid #999999;
color: #DDDDDD;
display: block;
margin-bottom: 0px;
padding: 1% 1%;
background-repeat: no-repeat;
background-position: center;
    text-align: center;
    text-decoration: none;
text-shadow: rgba(FF,FF,FF,.7) 0 1px 2px;
-webkit-border-image: url(themes/jqt/img/button.png) 0 5 0 5;
}

#eanselect   td.dummy:active{
/*-webkit-border-image: url(themes/jqt/img/greenButton.png) 0 5 0 5;
*/
-webkit-border-image: url(themes/jqt/img/greenButton.png) 0 0 0 0;
background-color: #00AA00;
}
#eanselect  td  p{  /*titre en bas de case*/
	font-weight: bold;
	font-size: 1.1em;
	overflow: hidden;
	    text-align: center;
	text-overflow: ellipsis;
    white-space: nowrap;
}

/*=======vueCollection  tableau de collection ====== */
#vueCollection {
/*width: 100%; */
font-size: 100%;
}
#vueCollection .toolbar {
padding: 2%;
/*height: auto;*/
}
#vueCollection .toolbar h1{
padding-top: 0%;
text-align: auto;
overflow: visible;
font-size: 1.7em;
}
#vueCollection  .button {
/*line-height: 130%;
height: 130%;
margin-top: -5%;*/
max-width: 20%;
color: #222222;
text-align: center;
font-size: 150%;
text-decoration: none;
font-weight: bold;
text-shadow: rgba(99,99,99,.2) 0 1px 1px;
-webkit-border-image: url(themes/jqt/img/whiteButton.png) 10 10 10 10;
}
#boutonvariantes{ /* bouton haut drite de vueCollection pour enchainer l'écran variantes*/
line-height: 100%;
height: 85%;
max-width: 20%;
color: #222222;
margin-top: -5%;
margin-right: 20%;
text-align: center;
font-size: 150%;
text-decoration: none;
font-weight: bold;
text-shadow: rgba(99,99,99,.2) 0 1px 1px;
-webkit-border-image: url(themes/jqt/img/whiteButton.png) 10 10 10 10;
}
#pageCollect h2 {
font-size: 1.5em;
color: #AAAAFF;
font-weight: bold;
text-decoration: none;
text-shadow: rgba(00,00,00,.7) 0 2px 2px;
}
#pagecollect {
margin-top: 10px;
/* width: 100%; */
width: auto;
}
#pagecollect fieldset{
font-size: 100%;
border: 0px;
}
#pagecollect  table {
width: auto;
margin-left:auto;
margin-right:auto;
font-size: 150%;
}
#pagecollect table img {
width: 80%;
} 
#pagecollect  .legendepiece {
background-repeat:no-repeat;
background-size: 55%;
background-position:center; 
font-size: 80%;
}
#pagecollect td span.unepiece{
	display: block;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #00FF00;
	text-shadow: rgba(00,00,00,1) 0 2px 2px;
}
#pagecollect  .legendepiecen { /*2eme class de legendepiece*/
background-size: 80%;
}
#pagecollect  .legendepiecer { /*2eme class de legendepiece carré rouge*/
background-size: 105%;
}
#pagecollect  td:active{
background: #88DD88;
}
#pagecollect  td span.floatbas{
display: block;
position :static;
padding-bottom: 1px;
font-size: 60%;
text-align: right;
vertical-align: bottom;
}
/* variantes page des artefact et tirages spéciaux*/
#variantes .toolbar{
padding: 3%;
}
#variantes .toolbar h1  {
overflow: visible;
}
#variantes h1 span{
font-size: 0.7em;
overflow: visible;
text-decoration: none;
text-shadow: rgba(00,00,00,.7) 0 2px 2px;
}
#variantes  .button {
line-height: 100%;
height: 80%;
max-width: 20%;
color: #222222;
margin-top: -5%;
text-align: center;
font-size: 150%;
text-decoration: none;
font-weight: bold;
text-shadow: rgba(99,99,99,.2) 0 1px 1px;
-webkit-border-image: url(themes/jqt/img/whiteButton.png) 10 10 10 10;
}
#variantes h2 {
font-size: 1.5em;
color: #AAAAFF;
font-weight: bold;
text-decoration: none;
text-shadow: rgba(00,00,00,.7) 0 2px 2px;
}
#variantes fieldset {
padding: 0%;
margin-top: 4%;
background-color: #000000;
}
#variantes  .legendepiece {
background-repeat:no-repeat;
background-size: 55%;
background-position:center; 
font-size: 80%;
}
#variantes  .legendepiecen {
background-size: 80%;
}
/*#pagecollect  td .legendepiecen {
background-repeat:no-repeat;
background-size: 80%;
background-position:center; 
font-size: 100%;
}
*/
#variantes table {
margin-left: auto;
margin-right: auto;
}
#variantes  td span.floatbas{
display: block;
position :static;
padding-bottom: 1px;
font-size: 80%;
text-align: right;
vertical-align: bottom;
}
#variantes  td:active{
background: #88DD88;
}
#bilan {
text-align: right;
font-size: 1em;
}
#cartouchecote {
text-align: center;
font-size: 1.1em;
margin-left: auto;
margin-right: auto;
}
.legendepiece  a{
	vertical-align: top;
	horizontal-align: center;
	text-decoration: none;
	width: 12%;
	text-shadow: rgba(00,00,00,.7) 0 2px 2px;
	font-size: 100%;
	font-weight: bold;
	color: #00FF00;
	background-color: none;
}
.legendepiece  span {
	display: block;
	font-size: 80%;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	text-shadow: rgba(00,00,00,.7) 0 2px 2px;
}
#variantes td span.unepiece{
	display: block;
	font-size: 130%;
	font-weight: bold;
	text-decoration: none;
	color: #00FF00;
	text-shadow: rgba(00,00,00,1) 0 2px 2px;
}
#variantes  .legendepiece {
display: block;
font-size: 0.8em;
line-height: 0.95em; 
background-repeat:no-repeat;
background-size: 55%;
background-position:center; 

}
#variantes  .legendepiecen {
background-size: 80%;
}

.classannee {
font-size: 1.1em;
width: 12%;
}
/*#ppage{
position: relative;
float: left;
color: #FFFFFF;
font-size: 2em;
padding: 0 2%;
border-width: 5 5px;
text-decoration: none;
font-weight: bold;
text-shadow: rgba(0,0,0,.7) 0 1px 2px;
-webkit-border-image: url(themes/jqt/img/back_button.png) 10 10 10 10;
}
#numpage{
position: relative;
float: center;
color: #77FF77;
font-size: 2em;
padding: 10 40px;
text-decoration: none;
font-weight: bold;
text-shadow: rgba(0,0,0,.7) 0 1px 2px;
}
#spage{
position: relative;
float: right;
color: #FFFFFF;
font-size: 2em;
padding: 0 3px;
border-width: 5 5px;
text-decoration: none;
font-weight: bold;
text-shadow: rgba(0,0,0,.7) 0 1px 2px;
-webkit-border-image: url(themes/jqt/img/button.png) 10 10 10 10;
}
*/
/*========= liste pieces ========*/
#listeanannconsol .toolbar {
height: auto;
padding:2%;
}
#listeanannconsol .toolbar h1{
padding-top: 0%;
text-align: auto;
overflow: visible;
font-size: 1.7em;
}
#listeanannconsol  .button {
position:  static;
color: #222222;
font-size: 150%;
text-decoration: none;
font-weight: bold;
text-shadow: rgba(99,99,99,.2) 0 1px 1px;
-webkit-border-image: url(themes/jqt/img/whiteButton.png) 10 10 10 10;
}
#listeanannconsol .titre {
color: #FFFFFF;
font-size: 1.3em;
}
#commentaire  td.textcom{ /* tableau descriptif piece */
color: #BBBB00;
width: 40%;
font-size: 0.75em;
font-weight: bold;
padding: 0 3px;
border-width: 0 5px;
}
#commentaire  td.images{
color: #AAAA00;
width: 25%;
font-size: 0.7em;
padding: 0 3px;
border-width: 0 5px;
}
#commentaire  img {
width: 95%;
}
#commentaire  img:active {
width: 270%;
filter: alpha(opacity=1);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity:.99
}
#listeanannconsol ul li {
color: #AAAA00;
font-size: 1em;
padding: 0 3px;
border-width: 0 5px;
}
#listeanannconsol  .entry {
display: block;
-webkit-border-radius: 10px;
padding: 0px;
margin: 4 2 4 2px;
border-style: solid;
border-width: 2px ;
border-color: #FFFFFF ;
}
#listeanannconsol  table {
display: inline-block;
background-color:#000000;
border-width: 0px;
-webkit-border-radius: 10px;
}
#listeanannconsol  .legende{
display: inline-table;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 15%;
font-size: 0.8em;
font-weight: bold;
color: #000000;
background-color: #BBBBBB;
}
#listeanannconsol  .champs{
display: inline-table;
padding: 0px 0px 0px 2px;
margin: 0px 0px 0px 0px;
width: 8%;
border-style: solid;
border-width: 1px ;
font-weight: bold;
font-size: 1em;
color: #FFFFFF;
border-color: #999999 ;
}
#listeanannconsol  #champ0{
border-color: #999999 ;
}
#listeanannconsol  #champ1{ /*etat*/
width: 17%;
text-align: center;
font-size: 0.8em;
color: #BBBB00;
}
#listeanannconsol  #champ2{ /*cout*/
width: 17%;
text-align: center;
font-size: 0.8em;
color: #BBBB00;
}
#listeanannconsol  #champ3{ /*cote*/
width: 17%;
text-align: center;
font-size: 0.8em;
color: #BBBB00;
}
#listeanannconsol  #champ4{ /*dachat*/
width: 18%;
font-size: 0.7em;
}
#listeanannconsol  #champ5{ /*date*/
width: 10%;
font-size: 0.7em;
}
#listeanannconsol  #champ6{ /*comment*/
width: 80%;
font-size: 0.7em;
}
#listeanannconsol  #champ7{ /*type*/
width: 10%;
font-size: 0.8em;
color: #AAAA00;
}
#listeanannconsol  .delete {
display: inline-block;
vertical-align: top;
color: #FFFFFF;
font-size: 1em;
padding: 2px;
background-color: #BB0000;
margin: 0% 1% 2% 0%;
border-width: 0 2 0 2%;
/*-webkit-border-image: url(themes/jqt/img/button.png) 0 5 0 5;*/
}
/*#pieceajout span {
font-size: 1.2em;
border-left: 10%;
padding-left: 5%;
left:10%;
background-color: #550000;
}
*/
#formPieceeanannconsol fieldset {
background-color: #001100;
}
#formPieceeanannconsol span {
background-color: #555555;
/*text-align: right; */
margin-left: 2%;
margin-right: 2%;
}
#formPieceeanannconsol  label {
/*color: #0077CC;*/
color: #FFFFFF;
margin-left: 0;
font-size: 1.2em;
font-weight: bold;
margin-bottom: 2%;
text-decoration: none;
}
#formPieceeanannconsol  input {
color: #FFFFFF;
background-color: #0077BB;
font-size: 1.0em;
font-weight: bold;
margin-bottom: 2%;
margin-left: 2%;
text-decoration: none;
}

#formPieceeanannconsol  .selection {
/*color: #0077CC;*/
color: #FFFFFF;
border-style: none;
margin-left: 5;
font-size: 1.2em;
font-weight: bold;
margin-bottom: 2%;
text-decoration: none;
}
#formPieceeanannconsol  select {
color: #FFFFFF;
background-color: #0077BB;
font-size: 1em;
font-weight: bold;
margin-bottom: 2%;
text-decoration: none;
}

#formPieceeanannconsol  span#titreEntree {
color: #FF0000;
background-color: #000000;
font-size: 1.3em;
font-weight: bold;
margin-bottom: 1%;
margin-left: 2%;
text-decoration: none;
text-shadow: rgba(0,0,0,.7) 0 1px 2px;
-webkit-border-image: none;
}
#formPieceeanannconsol  span#titreEntree2 {
color: #FFFFFF;
background-color: #FF0000;
font-size: 1.2em;
font-weight: bold;
margin-bottom: 1%;
margin-left: 2%;
text-decoration: none;
text-shadow: rgba(0,0,0,.7) 0 1px 2px;
/*-webkit-border-image: none;*/
}
input#action3 {
	color: #FFFFFF;
	background-color: #000000;
	padding: 1%;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
	text-shadow: rgba(0,0,0,.7) 0 1px 2px;
	-webkit-border-image: url(themes/jqt/img/button.png) 0 5 0 5;
}
input#action3:active{
-webkit-border-image: url(themes/jqt/img/button_clicked.png) 0 5 0 5;
}
/*div#vueCollection .floaty {
				position: absolute;
				-webkit-border-radius: 10px;
                -webkit-box-shadow: rgba(0,0,0, .8) 10px 10px 10px;
				width: 80%;
                margin: 0 10%;
                padding: 2% 4%;
                background: rgba(255,255,255,.9);
                color: #000;
}
.floaty td.legende {
	color: #000;
	background-color: #BBB;
	width: 10%;
	font-weight: bold;
	font-size: 0.6em;
}
.floaty td.textlegende {
	color: #000;
	position: relative;
	left: 5%;
	top: 0px;
	
	font-weight: normal;
	font-size: 0.6em;
}
.floaty td.textlegende2 {
	color: #000;
	position: relative;
	left: 5%;
	top: 0px;
	font-weight: normal;
	font-size: 0.8em;
}
.floaty span.floatytitre {
	color: #000;
	left: 5%;
	top: 0px;
	font-weight: bold;
	font-size: 1.1em;
}
*/