.titre {
	border:1px solid #8181F7;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;	
    color: #1e1e1e;
    background-color: #E0E0F8;
    font-family: 'Gabriela', serif;
    font-size: 14px;
    letter-spacing: .10em;
    text-align: center;
    text-shadow: 10px 5px 5px #767676;
}
.enonce {
	margin-left: 10px;
	font-weight:bold;

    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;	
    color: #1e1e1e;
    font-family: 'Gabriela', serif;
    font-size: 12px;
    letter-spacing: .10em;

}
#bloc {
	background: #FFFFFF;
	height:900px;
z-index:1;
}
.dropzone {
  background-color: #FFF;
  border: 1px dotted #333;
  
  margin: 10px auto 30px;
  padding: 10px;
  width: 100%;
  -webkit-transition: width 2s, height 2s, background-color 2s, border-color #F00 2s, -webkit-transform 2s;
  transition: width 2s, height 2s, background-color 2s, border-color #F00 2s, transform 2s;
}
.dropzone:hover {
  background-color: #CCC;
}
.erreur {
  background-color: #FF0;
  border: 1px solid #F00;

}
#image_fond{
position:absolute;
z-index:1;
width:800px;
height:600px;
background-color:#CECEF6;
background-image:url(/modules/Java_quiz/GTL/gtl.png);

}
#REP1 {
position:absolute;
margin-top:7px;
margin-left:140px;
width:168px;
height:47px;
z-index:2;
}
#REP2 {
position:absolute;
margin-top:158px;
margin-left:137px;
width:168px;
height:47px;
z-index:2;
}
#REP3 {
position:absolute;
margin-top:233px;
margin-left:171px;
width:168px;
height:47px;
z-index:2;
}
#REP4 {
position:absolute;
margin-top:302px;
margin-left:157px;
width:168px;
height:47px;
z-index:2;
}
#REP5 {
position:absolute;
margin-top:422px;
margin-left:144px;
width:168px;
height:47px;
z-index:2;
}
#REP6 {
position:absolute;
margin-top:10px;
margin-left:505px;
width:168px;
height:47px;
z-index:2;
}
#REP7 {
position:absolute;
margin-top:114px;
margin-left:510px;
width:168px;
height:47px;
z-index:2;
}
#REP8 {
position:absolute;
margin-top:233px;
margin-left:519px;
width:168px;
height:47px;
z-index:2;
}
#REP9 {
position:absolute;
margin-top:305px;
margin-left:511px;
width:168px;
height:47px;
z-index:2;
}

#REP10 {
position:absolute;
margin-top:401px;
margin-left:521px;
width:168px;
height:47px;
z-index:2;
}

#REP11 {
position:absolute;
margin-top:492px;
margin-left:503px;
width:168px;
height:47px;
z-index:2;
}

/*/réponses***/
#CPT {
width:166px;
height:45px;
background-image:url(/modules/Java_quiz/GTL/compteur.png);
position: relative;
z-index:3;
display: inline-block;
line-height:20px; /* centrage vertical */
text-align:center; /* centrage horizontal */ 
}

#DDR {
width:166px;
height:45px;
background-image:url(/modules/Java_quiz/GTL/DDR.png);
position: relative;
z-index:3;
display: inline-block;
line-height:20px; /* centrage vertical */
text-align:center; /* centrage horizontal */ 
}

#DTI {
width:166px;
height:45px;
background-image:url(/modules/Java_quiz/GTL/DTI.png);
position: relative;
z-index:3;
display: inline-block;
line-height:20px; /* centrage vertical */
text-align:center; /* centrage horizontal */ 
}

#DD {
width:166px;
height:45px;
background-image:url(/modules/Java_quiz/GTL/disj_div.png);
position: relative;
z-index:3;
display: inline-block;
line-height:20px; /* centrage vertical */
text-align:center; /* centrage horizontal */ 
}
#DG {
width:166px;
height:45px;
background-image:url(/modules/Java_quiz/GTL/disjoncteur.png);
position: relative;
z-index:3;
display: inline-block;
line-height:20px; /* centrage vertical */
text-align:center; /* centrage horizontal */ 
}
#PC {
width:166px;
height:45px;
background-image:url(/modules/Java_quiz/GTL/pc.png);
position: relative;
z-index:3;
display: inline-block;
line-height:20px; /* centrage vertical */
text-align:center; /* centrage horizontal */ 
}
#RT {
width:166px;
height:45px;
background-image:url(/modules/Java_quiz/GTL/rt.png);
position: relative;
z-index:3;
display: inline-block;
line-height:20px; /* centrage vertical */
text-align:center; /* centrage horizontal */ 
}
#TC {
width:166px;
height:45px;
background-image:url(/modules/Java_quiz/GTL/tc.png);
position: relative;
z-index:3;
display: inline-block;
line-height:20px; /* centrage vertical */
text-align:center; /* centrage horizontal */ 
}
#TELE {
width:166px;
height:45px;
background-image:url(/modules/Java_quiz/GTL/tele.png);
position: relative;
z-index:3;
display: inline-block;
line-height:20px; /* centrage vertical */
text-align:center; /* centrage horizontal */ 
}
#TR {
width:166px;
height:45px;
background-image:url(/modules/Java_quiz/GTL/tr.png);
position: relative;
z-index:3;
display: inline-block;
line-height:20px; /* centrage vertical */
text-align:center; /* centrage horizontal */ 
}
#RESERV {
width:166px;
height:45px;
background-image:url(/modules/Java_quiz/GTL/reserve.png);
position: relative;
z-index:3;
display: inline-block;
line-height:20px; /* centrage vertical */
text-align:center; /* centrage horizontal */ 
}
.draggable {
  
  float:left;
  padding:10px;
  margin: 10px;
}

.drop-active {
  border-color: #FFF;
}

.drop-target {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  background-color: #ccc;
  color: #FFF;
  border-color: #fff;
  border-style: solid;
}