/*div.page{position: relative;}
div.contenu{position: relative;}
*/

#boxA { float:left; width: 250px; height: 180px; padding: 5px; margin-right: 30px; border: 1px solid black; background-color: white;}

#boxB { float:left; width: 250px; height: 180px; padding: 5px; margin-right: 30px; border: 1px solid black; background-color: white;} 

.word {width: 220px; height: 16px; padding: 1px; margin: 3px; font-weight: bold; background-color: white; display: block;}

#span1 {margin-left: 80px;}

#span2 { margin-left: 200px;}

/* div.gtbb{ width: 850px; height: 100px; padding: 5px; margin-right: 30px; border: 2px solid #9e9bff; }  */

*[draggable=true] {
	-moz-user-select: none;
     -khtml-user-drag: element; cursor: move;}

span.legende2gt{font-family: "Times New Roman", Arial; font-size: 1em;
               color: #dda722;text-align :left;margin-left : 0.0em;}
span.legende2gtml{font-family: "Times New Roman", Arial; font-size: 1em;
               color: #dda722;text-align :left;margin-left : 0.0em;}
			   
span.legende3gt{font-family: "Times New Roman", Arial; font-size: 1em;
               color: #dda722;text-align :left;margin-left : 0.0em;}
span.legendexgt{font-family: "Times New Roman", Arial; font-size: 1em;
               color: #dda722;text-align :left;margin-left : 0.0em;}
			   
span.gtword{font-family: "Times New Roman", Arial; font-size: 1em;
               color: #dda722;  }
span.gtword:hover{font-family: "Times New Roman", Arial; font-size: 1em;
               color: #0f9619; text-align :left; margin-left : 0.0em;}
			   
div.gtbb{ width: 850px; height: 80px; padding: 5px; margin-right: 30px; border: 2px solid #9e9bff; } 

div.gtbb2{ width: 850px; height: 100px; padding: 5px; margin-right: 30px; border: 2px solid #9e9bff; }

div.gtbb10{ width: 1000px; height: 700px; padding: 5px; margin-right: 30px; border: 2px solid #9e9bff; }