#collage
{
    text-align: center;
    
}

#collage hr{
    border:none;
    border-top:2px solid #000;
    height:1px;
}

#collage #playPanel {
    background-color:#c2defc;
    padding:10px 0px;
    /*margin: 10px auto;*/
    max-width:800px;
    width:95%;
}

#collage #actualImageBox {
    display: inline-block;
    font-size:0.8em;
    /*margin: 10px 10px;*/
    vertical-align: top;
    width:280px;
}

#collage #stepBox, #collage #timeBox {
    display:inline-block;
    width:48%;
}

#collage #stepBox div {
    background-color:#c2defc;
    display:inline-block;
    padding:1px 4px;
    margin: 0px auto;
    max-width:800px;
}

#collage img#actualImage{
    border:2px solid #000;
    height:280px;
    width:280px;
}

#collage .sortable {
    /*border:2px solid #000;*/
    list-style-type: none;
    display: inline-block;
    /*margin: 10px;*/
    padding: 0;
    width: 400px;
}

    #collage .sortable li {
        background-size: 400% 400%;
        border: none;
        cursor: pointer;
        margin: 0;
        padding: 0;
        float: left;
        width: 100px;
        height: 100px;
    }

#collage button  {
    background-color:#000;
    border:1px solid #FFF;
    display: inline;
    font-size: 14px;
    height: auto;
    width: auto;
    padding: 3px 8px;
}

#collage #gameover{
    
}


.puzzle_bloc_end{
   position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left:0;
  right:0;
  
}


.puzzle_bravo{
    background-color:#00c792;
    border-radius: 30px;
    color: white;
    font-size: 120%;
    font-weight: bolder;
    min-width:150px;
    max-width: 300px;
    height:50px;
    line-height: 50px;
    text-align: center;
    margin-left: auto;

    margin-right: auto;
    margin-bottom: 10px;

    
}

.puzzle_reset{
    background-color:white;
    border-radius: 30px;
   
    /*font-size: 120%;*/
    font-weight: bolder;
    min-width:150px;
    max-width: 300px;
    height:40px;
    line-height: 40px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border: #666 solid 2px;
}