.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;

}
#schema{
position:absolute;
z-index:1;
width:844px;
height:798px;
background-image:url(/modules/Java_quiz/schemas/appartement_T3_calibre_section.png);

}
#ID1 {
position:absolute;
margin-top:357px;
margin-left:168px;
width:40px;
height:40px;
z-index:2;
}
#ID2 {
position:absolute;
margin-top:357px;
margin-left:387px;
width:40px;
height:40px;
z-index:2;
}
#ID3 {
position:absolute;
margin-top:357px;
margin-left:625px;
width:40px;
height:40px;
z-index:2;
}

#D1 {
position:absolute;
margin-top:426px;
margin-left:107px;
width:40px;
height:40px;
z-index:2;
}
#D2 {
position:absolute;
margin-top:426px;
margin-left:149px;
width:40px;
height:40px;
z-index:2;
}
#D3 {
position:absolute;
margin-top:426px;
margin-left:190px;
width:40px;
height:40px;
z-index:2;
}
#D4 {
position:absolute;
margin-top:426px;
margin-left:231px;
width:40px;
height:40px;
z-index:2;
}
#D5 {
position:absolute;
margin-top:426px;
margin-left:285px;
width:40px;
height:40px;
z-index:2;
}
#D6 {
position:absolute;
margin-top:426px;
margin-left:326px;
width:40px;
height:40px;
z-index:2;
}
#D7 {
position:absolute;
margin-top:426px;
margin-left:367px;
width:40px;
height:40px;
z-index:2;
}
#D8 {
position:absolute;
margin-top:426px;
margin-left:408px;
width:40px;
height:40px;
z-index:2;
}
#D9 {
position:absolute;
margin-top:426px;
margin-left:449px;
width:40px;
height:40px;
z-index:2;
}
#D10 {
position:absolute;
margin-top:426px;
margin-left:490px;
width:40px;
height:40px;
z-index:2;
}
#D11 {
position:absolute;
margin-top:426px;
margin-left:545px;
width:40px;
height:40px;
z-index:2;
}
#D12 {
position:absolute;
margin-top:426px;
margin-left:586px;
width:40px;
height:40px;
z-index:2;
}
#D13 {
position:absolute;
margin-top:426px;
margin-left:627px;
width:40px;
height:40px;
z-index:2;
}
#D14 {
position:absolute;
margin-top:426px;
margin-left:668px;
width:40px;
height:40px;
z-index:2;
}
#D15 {
position:absolute;
margin-top:426px;
margin-left:709px;
width:40px;
height:40px;
z-index:2;
}

/*Section*/
#Sec1 {
position:absolute;
margin-top:420px;
margin-left:107px;
width:40px;
height:20px;
z-index:2;
}
#Sec2 {
position:absolute;
margin-top:420px;
margin-left:149px;
width:40px;
height:20px;
z-index:2;
}
#Sec3 {
position:absolute;
margin-top:420px;
margin-left:190px;
width:40px;
height:20px;
z-index:2;
}
#Sec4 {
position:absolute;
margin-top:420px;
margin-left:231px;
width:40px;
height:20px;
z-index:2;
}
#Sec5 {
position:absolute;
margin-top:420px;
margin-left:285px;
width:40px;
height:20px;
z-index:2;
}
#Sec6 {
position:absolute;
margin-top:420px;
margin-left:326px;
width:40px;
height:20px;
z-index:2;
}
#Sec7 {
position:absolute;
margin-top:420px;
margin-left:367px;
width:40px;
height:20px;
z-index:2;
}
#Sec8 {
position:absolute;
margin-top:420px;
margin-left:408px;
width:40px;
height:20px;
z-index:2;
}
#Sec9 {
position:absolute;
margin-top:420px;
margin-left:449px;
width:40px;
height:20px;
z-index:2;
}
#Sec10 {
position:absolute;
margin-top:420px;
margin-left:490px;
width:40px;
height:20px;
z-index:2;
}
#Sec11 {
position:absolute;
margin-top:420px;
margin-left:545px;
width:40px;
height:20px;
z-index:2;
}
#Sec12 {
position:absolute;
margin-top:420px;
margin-left:586px;
width:40px;
height:20px;
z-index:2;
}
#Sec13 {
position:absolute;
margin-top:420px;
margin-left:627px;
width:40px;
height:20px;
z-index:2;
}
#Sec14 {
position:absolute;
margin-top:420px;
margin-left:668px;
width:40px;
height:20px;
z-index:2;
}
#Sec15 {
position:absolute;
margin-top:420px;
margin-left:709px;
width:40px;
height:20px;
z-index:2;
}

#parent {
	text-align:center;
}
#ID-1, #ID-2, #ID-3 {
width:40px;
height:40px;
font-weight:bold;
background-color:#33C;
border: 1px solid #333;
color:#FFF;
position: relative;
z-index:2;
display: inline-block;
line-height:20px; /* centrage vertical */
text-align:center; /* centrage horizontal */ 
}
#D-1, #D-2, #D-3, #D-4, #D-5, #D-6, #D-7, #D-8, #D-9, #D-10, #D-11, #D-12, #D-13, #D-14, #D-15 {
width:40px;
height:40px;
font-weight:bold;
background-color:#3CF;
border: 1px solid #333;
color:#FFF;
position: relative;
z-index:2;
display: inline-block;
line-height:20px; /* centrage vertical */
text-align:center; /* centrage horizontal */ 
}
.section {
width:40px;
height:20px;
font-weight:bold;
font-size:10px;
background-color:#FF0;
color:#F00;
border: 1px solid #333;
position: relative;
z-index:2;
display: inline-block;
line-height:5px; /* 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;
}