.blocNote{
    z-index:100000000;width:100%;height:100%;background-color: rgb(0,0,0,0.8);position:absolute;top:0;
    font-size:14px;
}

.hoverBlocNote:hover{
    color:black;
}

.closeBlocNote{
    color:orange;padding-right:10px;padding-top:10px;
}

.blocManage{
    background-color: white;height:100%;
    border:1px solid grey;color:black;
}

.decoupeBlocNote{
    height:inherit;
}

.titlePostIt,.textPostIt{
    font-size:100%;
    font-weight:normal;
}
.listPostIt,.postIt{
    list-style:none;
}
.listPostIt{;
    overflow:hidden;
    padding:2em;
}
.listPostIt .postIt{
    text-decoration:none;
    color:#000;
    background:#ffc;
    display:block;
    height:auto;
    width:100%;
    padding:1em;
}
.listPostIt .postIt{
    margin:auto;
    margin-bottom:20px;
}

.postItColor2{
    background:#F8B334 !important;
}

.postItColor3{
    background:#dc3545 !important;
}

.listPostIt .postItCote1{
    -o-transform:rotate(4deg);
    -webkit-transform:rotate(4deg);
    -moz-transform:rotate(4deg);
    position:relative;
    top:5px;
}

.listPostIt .postItCote2{
    -o-transform:rotate(-3deg);
    -webkit-transform:rotate(-3deg);
    -moz-transform:rotate(-3deg);
    position:relative;
    top:-5px;
}


.listPostIt .postItCote1:hover,.listPostIt .postItCote1:focus{
    box-shadow:10px 10px 7px rgba(0,0,0,.7);
    -moz-box-shadow:10px 10px 7px rgba(0,0,0,.7);
    -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.7);
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -o-transform: scale(1.25);
    position:relative;
    z-index:5;
}

.listPostIt .postItCote2:hover,.listPostIt .postItCote2:focus{
    box-shadow:10px 10px 7px rgba(0,0,0,.7);
    -moz-box-shadow:10px 10px 7px rgba(0,0,0,.7);
    -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.7);
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -o-transform: scale(1.25);
    position:relative;
    z-index:5;
}

.closePostIt{
    position: absolute;right: 10px;top: 2px;
    color:black;font-size:18px;
}

.closePostIt:hover{
    color:grey;
}

.decoupeBlocNoteSize{
    overflow: auto;
}

@media (max-width: 1200px) {
    .listPostIt{
        padding:4em;
    }
    
    .blocPostIt{
        max-width: 100%;
        flex:inherit;
    }
    
    .decoupeBlocNoteSize{
        max-width: 60%;
        flex:inherit;
    }
    
    .blocManage{
        max-width:40%;
        flex:inherit;
    }
    
    
}