/*ecran téléphone*/
@media (min-width:0px) and (max-width:1080px)
{
	/*fond de la page*/
	html{
	background: rgba(255,255,255,1);color: rgba(0,0,0,1);
height: 100vh;


	}

	body{
	display: flex;
                flex-direction: column;
                min-height: 100vh;
	}

	form {
    		display: flex;
    		flex-direction: column;
    		min-height: 100vh;
	}

	header {
 		color: rgba(255,215,0,1);background: linear-gradient(rgba(50,50,50,1),rgba(165,55,253,1));
  		align-self:stretch;
		text-transform: capitalize;
   		padding: 0.1em;
   		border: 2px solid rgba(100,100,100,1);
   		border-radius: 20px;
   		text-align: center;
		font-style: italic;
   		font-family: sans-serif;
   		font-weight: bold;
		font-size: 2vh;
	   	transform: rotate( 0deg);
	}

	main {
   		display: flex;
   		flex-direction: column;
 		justify-content: space-around;
		align-items: center;
		flex: 1 1 auto;
	}

	div {
        	display: flex;
        	flex-direction: column;
		align-items:center;
	}

	p {
	    	display: flex;
    		width: 30em;
    		flex-direction: column;
 		box-shadow: rgba(55,55,55,0.4) 5px 5px 5px 5px ; 
                border-radius: 20px ;
	}

 	box {
                display: flex;
                width: 30em;
                flex-direction: column;
                box-shadow: rgba(55,55,55,0.4) 5px 5px 5px 5px ; 
                border-radius: 20px ;

        }


       .lien {
                display:flex;
                min-height: 2em;
                border: 2px solid gray;
                border-radius: 20px;
                cursor: pointer;color: rgba(255,215,0,1);background: linear-gradient(rgba(50,50,50,1),rgba(165,55,253,1));box-shadow: rgba(55,55,55,0.4) 5px 5px 5px 5px ;
                text-align: center;
                font-size: 2em;
                font-style: italic;
                font-family: sans-serif;
                font-weight: bold;
        }
   .lien:hover {
/*                background: rgba(0, 155, 0,1);
*/        background: gold ;
                color: black;
        }


        .bouton {
                display:flex;
                min-height: 2em;
                border: 2px solid gray;
                border-radius: 20px;
                cursor: pointer;color: rgba(255,215,0,1);background: linear-gradient(rgba(0,0,0,1),rgba(0, 150, 0, 1));box-shadow: rgba(55,55,55,0.4) 5px 5px 5px 5px ;
                text-align: center;
                font-size: 2em;
                font-style: italic;
                font-family: sans-serif;
                font-weight: bold;
        }

        .deco {
                display:flex;
                min-height: 2em;
                border: 2px solid gray;
                border-radius: 20px;
                background: linear-gradient(rgba(0,0,0,1),rgba(255, 0, 0, 1));
                text-align: center;
                font-size: 2em;
                font-style: italic;
                font-family: sans-serif;
                font-weight: bold;
        }



	/*couleur label box*/
	label {
	   	display:flex;
	   	flex-direction: column;
		color: rgba(255,215,0,1);background: linear-gradient(rgba(50,50,50,1),rgba(165,55,253,1));
   		padding: 0.1em;
  		border: 2px solid rgba(100,100,100,1);
   		border-radius: 20px 20px 0px 0px;
   		text-align: center;
   		font-size: 2em;
   		font-style: italic;
   		font-family: sans-serif;
   		font-weight: bold;
   		transform: rotate( 0deg);
	}

/*  span1 >p ,span2 >p, span3 >p, span4 >p, span5 >p, span6 >p, span7 >p  {
                display:flex;
        position: absolute;
        top: 20%; 
	left: 0;
	z-index: 7;
animation-duration: 3s;
                animation-name: effet;
                min-height: 3em;
                width: 10em;
                border: 2px solid gray;
                color: rgba(255,0,0,1);background: rgba(255,255,255,1);
                justify-content: space-around;
                align-items: center;
                text-align: center;
                font-style: italic;
                font-size: 1.5em;
                font-family: sans-serif;
                font-weight: bold;
        }
@keyframes effet {
  25%,
  75% {
    scale: 100%;
  } 50% {
    scale: 200%;
    color: green;
  }
}
*/


	/*couleur box saisie */
	input:not([type=submit]){
     		display:flex;
    		min-height: 3em;
    		border: 2px solid gray;
    		border-radius: 0px 0px 20px 20px;
	 	color: rgba(255,215,0,1);background: linear-gradient(rgba(255,255,255,1),rgba(50,50,50,1));
    		text-align: center;
    		font-style: italic;
    		font-family: sans-serif;
    		font-weight: bold;
		font-size: 2em;
	}
	input[type=submit]{
       	 	display:flex;
        	min-height: 2em;
        	border: 2px solid gray;
        	border-radius: 20px;
		color: rgba(255,215,0,1);background: linear-gradient(rgba(0,0,0,1),rgba(0, 150, 0, 1));
        	text-align: center;
      		font-size: 2em;
        	font-style: italic;
        	font-family: sans-serif;
        	font-weight: bold;
	}
	input[type=bouton]{
        	display:flex;
        	min-height: 2em;
        	border: 2px solid gray;
        	border-radius: 20px;
        	color: rgba(255,215,0,1);background: linear-gradient(rgba(0,0,0,1),rgba(0, 150, 0, 1));
        	text-align: center;
      		font-size: 2em;
        	font-style: italic;
        	font-family: sans-serif;
        	font-weight: bold;
	}

/*	a.liens{
  		text-decoration: none;     enlève les paramètres des attributs liens
  		color: white;             couleur du texte
  		background-color: auto;   fond de texte
  		font-size: 3em;         taille du texte
  		font-weight: bold;        epaisseur du texte
  		font-style: italic;       style du texte
	}
*/
	 a{
        display: flex;
/*enlève les paramètres des attributs liens*/
        text-decoration: none;
        font-size: 2em;
  color: rgba(255,215,0,1);background: linear-gradient(rgba(255,255,255,1),rgba(50,50,50,1));

/*epaisseur du texte*/
        font-weight: bold;
/*style du texte*/
        font-style: italic;
min-height: 3em;
min-width: 10em;
        font-family: sans-serif;
        padding: 0.1em;
       border: 2px solid gray;
        border-radius: 20px;
justify-content: space-around;
 align-items:center;

}
a:hover{

                animation-duration: 2s;
                animation-name: grossi;
                z-index:+1;
 

        }

        @keyframes grossi {
                25%, 
                75% {
                        scale: 130%;
                }

	}
   details {
    text-align: center;

align-self:center;
/*flex-direction: row;

                align-self: flex-end;
position: relative;
                top: 10vh; left: 50px;

                z-index:+1;
*/
                flex-direction: column;

                color:gold;
/*              background: white;
*/              font-size: 1em;
                min-width: 5vw;
                min-height:1vh;
                max-width:60%;
                max-height:60%;
                 border-radius: 20%;

        }


}

/*Grands écrans*/ 
@media (min-width:1080px)
{

	html{
		background: rgba(255,255,255,1);color: rgba(0,0,0,1);
//		height: 100vh;
	}

  	body{
        	display: flex;
                flex-direction: column;
                min-height: 95vh;
        }


	form {
        	display: flex;
        	flex-direction: column;
        	align-items:stretch;
		min-height: 100vh;

	}

	 header {

		 display: flex;
                flex-wrap: wrap;
                flex-direction: row;
                justify-content: space-around;
              	align-items:center;
		min-height:10vh;

/* position: sticky;
top: 8px;
 z-index: 1;*/		background: linear-gradient(rgba(50,50,50,1),rgba(165,55,253,1));color: rgba(255,215,0,1);
              /*  align-self:stretch; */
                text-transform: capitalize;
                padding: 0.1em;
                border: 2px solid rgba(100,100,100,1);
                border-radius: 20px;  
/*                box-shadow: rgba(255,255,255,0.4) 5px 5px 5px 5px; */
                text-align: center;
                font-style: italic;
                font-family: sans-serif;
                font-weight: bold;
/*                font-size: 5vh;
  */              transform: rotate( 0deg);
        }

	main {
        	display: flex;    
        	flex-direction: column;
		align-items:center;
        	justify-content: space-around;
        	flex: 1 1 auto;
	}

	div {
       	 	display: flex;
        	flex-wrap: wrap;
        	flex-direction: row;
        	justify-content: space-around;
              align-items:center;

	}

	p {
        	display: flex;
        	width: 30em;
        	flex-direction: column;
		box-shadow: rgba(55,55,55,0.4) 5px 5px 5px 5px ; 
		border-radius: 20px ;

	}

  box {
                display: flex;
                width: 32%;
                flex-direction: column;
                box-shadow: rgba(55,55,55,0.4) 5px 5px 5px 5px ; 
                border-radius: 20px ;

        }


	.lien {
	        display:flex;
                min-height: 2em;
                border: 2px solid gray;
                border-radius: 20px;
                cursor: pointer;color: rgba(255,215,0,1);background: linear-gradient(rgba(50,50,50,1),rgba(165,55,253,1));box-shadow: rgba(55,55,55,0.4) 5px 5px 5px 5px ;
                text-align: center;
                font-size: 2em;
                font-style: italic;
                font-family: sans-serif;
                font-weight: bold;
       	}

 	.lien:hover {
/*                background: rgba(0, 155, 0,1) ;
*/    		background: gold ;
		color: black;
        }


        .bouton {
                display:flex;
                min-height: 2em;
                border: 2px solid gray;
                border-radius: 20px;
                cursor: pointer;color: rgba(255,215,0,1);background: linear-gradient(rgba(0,0,0,1),rgba(0, 150, 0, 1));box-shadow: rgba(55,55,55,0.4) 5px 5px 5px 5px ;
                text-align: center;
                font-size: 2em;
                font-style: italic;
                font-family: sans-serif;
                font-weight: bold;
        }

        .deco {
                display:flex;
                min-height: 2em;
                border: 2px solid gray;
                border-radius: 20px;
                background: linear-gradient(rgba(0,0,0,1),rgba(255, 0, 0, 1));
                text-align: center;
                font-size: 2em;
                font-style: italic;
                font-family: sans-serif;
                font-weight: bold;
        }



     	label {
                display:flex;
                flex-direction: row;
		justify-content: space-around;
		background: linear-gradient(rgba(50,50,50,1),rgba(165,55,253,1));color: rgba(255,215,0,1);
                padding: 0.1em;
                border: 2px solid rgba(100,100,100,1);
                border-radius: 20px 20px 0px 0px;
                text-align: center;
                font-size: 2em;
                font-style: italic;
                font-family: sans-serif;
                font-weight: bold;
        }

  /*	span1 >p, span2 >p, span3 >p, span4 >p, span5 >p, span6 >p, span7 >p  {
                display:flex;

		position: absolute;
		top: 10vh; left: 50px;
  		animation-duration: 3s;
		animation-name: effet;
		z-index:+1;

		min-height: 6vh;
		min-width: 30vw;
                border: 2px solid gray;
                border-radius: 20px;
                color: rgba(255,0,0,1);background: rgba(255,255,255,1);
                justify-content: space-around;
		align-items: center;
		text-align: center;
                font-style: italic;
		font-size: 3vh;
                font-family: sans-serif;
                font-weight: bold;
        }
@keyframes effet {
  25%,
  75% {
    scale: 100%;
  } 50% {
    scale: 200%;
    color: green;
  }
}
*/
           /*couleur box saisie */
        input:not([type=submit]){
                display:flex;
                min-height: 10vh;
                border: 2px solid gray;
                border-radius: 0px 0px 20px 20px;
		color: rgba(255,215,0,1);background: linear-gradient(rgba(255,255,255,1),rgba(50,50,50,1));
                text-align: center;
                font-style: italic;
                font-family: sans-serif;
                font-weight: bold;
		font-size: 2em;
        }

 	input[type=bouton]{
                display:flex;
                min-height: 2em;
                border: 2px solid gray;
                border-radius: 20px;
 		cursor: pointer;color: rgba(255,215,0,1);background: linear-gradient(rgba(0,0,0,1),rgba(0, 150, 0, 1));box-shadow: rgba(55,55,55,0.4) 5px 5px 5px 5px ;
                text-align: center;
                font-size: 2em;
                font-style: italic;
                font-family: sans-serif;
                font-weight: bold;
        }

        input[type=submit]{
                display:flex;
                min-height: 2em;
                border: 2px solid gray;
                border-radius: 20px;
		cursor: pointer;color: rgba(255,215,0,1);background: linear-gradient(rgba(0,0,0,1),rgba(0, 150, 0, 1));box-shadow: rgba(55,55,55,0.4) 5px 5px 5px 5px ;
                text-align: center;
                font-size: 2em;
                font-style: italic;
                font-family: Luminari, fantasy;
                font-weight: bold;
        }



/*  	a.liens{
                text-decoration: none;     //enlève les paramètres des attributs liens
                color: white;             //couleur du texte
                background-color: auto;   //fond de texte
                font-size: 3em;         //taille du texte
                font-weight: bold;        //epaisseur du texte
                font-style: italic;       //style du texte
        }
*/
/*	     #connex{
                text-decoration: none;     //enlève les paramètres des attributs liens
                color: white;             //couleur du texte//
                background-color: auto;   //fond de texte//
                font-size: 3em;         //taille du texte//
                font-weight: bold;        //epaisseur du texte//
                font-style: italic;       //style du texte//
        }
*/
	img{
    		width:20vh;
    		height:20vh;
	}

 	a{
        	display: flex;
		/*enlève les paramètres des attributs liens*/
        	text-decoration: none;
		/*taille du texte*/
        	font-size: 2em;
		/*epaisseur du texte*/
        	font-weight: bold;
		/*style du texte*/
        	font-style: italic;
		min-height: 3em;
		min-width: 10em;
  		color: rgba(255,215,0,1);background: linear-gradient(rgba(255,255,255,1),rgba(50,50,50,1));

        	font-family: sans-serif;
        	padding: 0.1em;
       	 	border: 2px solid gray;
        	border-radius: 20px;
		justify-content: space-around;

 		align-items:center;
	}

	a:hover{

  		animation-duration: 1s;
		animation-fill-mode:both;
                animation-name: grossi;
                z-index:+1;


	}

	@keyframes grossi {
  		25%,
  		100% {
    			scale: 120%;
  		}
	}


	 details {
	    	text-align: center;

		align-self:center;
/*		flex-direction: row;

 		align-self: flex-end;
		position: relative;
                top: 10vh; left: 50px;

		z-index:+1;
*/
                flex-direction: column;

		color:gold;
/*		background: white;
*/		font-size: 1em;
		min-width: 5vw;
		min-height:5vh;
		max-width:60%;
                max-height:60%;
		 border-radius: 20%;

	}

	main.framework {
		display: flex;
		flex-direction:row;
		justify-content: space-around;
		align-items: stretch;
		height: 70vh;

	}

	aside.framework {
                display: flex;
               	flex-direction:column;
		width: 15%;
/*		height: 85vh;
		background: pink;
*/        }


        section.framework {
                display: flex;
     		justify-content: space-around;
		align-content:space-around;
                flex-direction:column;
                width: 100%;
		height: 83vh;
        }


        div.log {
                display: flex;
                flex-direction:row;
                justify-content: space-around;
		height: 15%;
     		width: 100%;
         }


   	div.fichier {
                display: flex-wrap;
                flex-direction:row;
  /*              justify-content: flex-start;
*/		align-items: stretch;
		align-content: stretch;

/*		height:100%;
		width: 100%;
  */     	}

  span.log {
                display: flex;
                flex-direction:column;
                justify-content: stretch;
                align-content: stetch;
/*                height:100%;
                width: 100% ;
                background: red;
  */      }


        span.fichier {
                display: flex;
                flex-direction:column;
                justify-content: space-around;
		align-item:stretch;
                align-content: stretch;

/*                height:100%;
      */          width: 50% ;
/*                background: red;
  */      }

	textarea {
/*		width:98%;
		height:100%;
*/		background: black;
		color: white;
		resize: none;

	}

	label.framework {
                display:flex;
                flex-direction: row;
                justify-content: space-around;
                background: linear-gradient(rgba(50,50,50,1),rgba(165,55,253,1));color: rgba(255,215,0,1);
                padding: 0.1em;
                border: 2px solid rgba(100,100,100,1);
                border-radius: 20px 20px 0px 0px;
                text-align: center;
                font-size: 2vh;
                font-style: italic;
                font-family: sans-serif;
                font-weight: bold;
		height:5vh;
		width:98%;
        }


}



div.affichage{
        width:100%;
        height:100%;
        display:flex;
        flex-direction:row;
	margin-top:2%;
        background:none;
        border:none;
        border-radius:none;
        justify-content:space-around;
}

div.place-fiche {
	width:25vw;
	height:75vh;
 	display:flex;
	flex-direction:column;
	background:none;
        border:none;
        border-radius:none;
	justify-content:flex-start;

        box-shadow: rgba(0,0,0,0.4) 5px 5px 5px 5px;
}

div.fiche {
        width:90%;
        height:85%;
        display:flex;
        flex-direction:column;
        background:lightgrey;
        border:none;
        border-radius:10px 10px 0px 0px;
        justify-content:space-between;
}

g.titrefiche{
        display:inline-flex;
        flex-direction:row;
        width:100%;
        height:10%;
        justify-content:space-around;
        align-items:center;
        background:none;
        border:none;
        border-radius:none;
        box-shadow:none;
}

g.boutonfiche{
        width:100%;
        height:10%;
        display:flex;
        flex-direction:row;
        justify-content:space-around;
        text-align:flex-start;

}

g.formatbouton{
        max-width:30%;
        max-height:100%;
        display:flex;
        flex-direction:row;
        justify-content:space-around;
        text-align:flex-start;
       border-radius:0%;
        border:1px solid rgba(100,100,100,1);

}
label.newfiche{
/*        display:inline-flex;
        inline-size: 40%;
        min-height:5%;
*/	max-height: 100%;
        max-width:100%;
        background:none;
        border-radius:0%;
        border:none;
        justify-content:flex-start;
        text-align:start;
  /*      margin-left:2%;
    */    font-size:80%;
        color:black;
        overflow-wrap: hidden;
}


input.newfiche{
        display:flex;
/*        min-height:5%;
        height:5%;
        width:5%;
*/        border:none;
        background:none;
        border-radius:0%;
        font-size:80%;
        color:black;
}



input.num{
        display:flex;
        min-height:5%;
        height:50%;
        width:25%;
        border:none;
        background:none;
        border-radius:0%;
        font-size:80%;
        color:black;
}

input.nom{
        display:flex;
        min-height:5%;
        height:50%;
        width:70%;
        background:none;
        border-radius:0%;
        border:none;
        font-size:80%;
        color:black;
}

g.corpfiche{
        width:100%;
        height:60%;
        display:flex;
        flex-direction:column;
        justify-content:space-around;
        text-align:flex-start;
}

g.info{
        display:flex;
        flex-direction:row;
        width:100%;
        min-height:5%;
        height:30%;
        background:none;
        border-radius:none;
        border:none;
        text-align:flex-start;
        justify-content:space-between;
}

g.cat{
        display:flex;
        flex-direction: row;
        height:50%;
        width:18%;
        background:none;
        border-radius:none;
        border:none;
        box-shadow:none;
        justify-content:space-around;
      align-items:center;

}

input.type{

}

label.type{
        display:flex;
        height:100%;
        width:50%;
        background:none;
        border:none;
        border-radius:none;
        font-size:60%;
        color:black;
        text-align:center;
        justify-content:space-around;
      align-items:center;

}


label.etiquette{
        display:inline-flex;
        inline-size: 40%;
        min-height:5%;
        max-height:33%;
        width:40%;
        background:none;
        border-radius:0%;
        border:none;
        justify-content:flex-start;
        text-align:start;
        margin-left:2%;
        font-size:60%;
        color:black;
        overflow-wrap: hidden;
}

input.data{
        width:60%;
        min-height:5%;
        max-height:40%;
        background:none;
        border-radius:0%;
        border:none;
        font-size:80%;
        font-family: sans-serif;
        text-align:start;
        color:black;
        overflow-wrap: break-word;
}


g.debugfiche{
        display:flex;
        flex-direction:column;
        width:100%;
        max-height:10%;
        border-radius:none;
        box-shadow:none;
}

label.etiquette2{
        display:inline-flex;
/*        inline-size: 40%;
  */      min-height:5%;
        max-height:33%;
        width:40%;
        background:none;
        border-radius:0%;
        border:none;
        justify-content:flex-start;
        text-align:start;
        margin-left:2%;
        font-size:60%;
        color:black;
        overflow-wrap: hidden;
}

input.datadebug{
        min-height:5%;
        max-height:100%;
        width:60%;
        background:none;
        border-radius:0%;
        border:none;
        font-size:80%;
        text-align: start;
        color:black;

}

td>div.fiche {
        width:95%;
        height:5%;
        display:flex;
        flex-direction:row;
/*        background:pink;
 */       border:none;
        border-radius:none;
        justify-content:space-around;
      	box-shadow: rgba(0,0,0,0.2) 0px -1px 0px 1px;
	margin-top:2%;

}

td>div.fiche>g.titrefiche{
        display:flex;
        flex-direction:row;
        min-height:80%;
        height:80%;
      	width:90%;
        border:none;
        background:none;

}

td>div.fiche>g.corpfiche{
	display:none;
}

td>div.fiche>g.debugfiche{
        display:none;
}

td>div.fiche>g.titrefiche>g.cercle>*{
        display:none;
	height:0%;
	width:0%;
}

td>div.fiche>g.titrefiche>input.num{
	display:flex;
        min-height:80%;
	height:100%;
      	border:none;
        background:none;
        border-radius:0%;
        font-size:70%;
   /*  	color:green;
*/
}

td>div.fiche>g.titrefiche>input.nom{
      	height:80%;
     	min-width:70%;
       	border:none;
        background:none;
        border-radius:0%;
        font-size:70%;
  /*   	color:blue;
*/
}


ul.tab{
        list-style-type: none;
        display:flex;
        flex-direction:row;
        width: 65vw;
        height: 75vh;
        overflow-x: scroll;
        scroll-snap-type: x mandatory;
      columns: 1;
     /* text-align: center;
    */    box-shadow: rgba(0,0,0,0.4) 5px 5px 5px 5px;
    /*    justify-content:space-around;
*/
}

li.tab{
/*        list-style-type: none;
  */    display:flex;
        width: 100%; 
        height: 100%;
    margin-right:4% ;
/*      display: inline-flex;
*/
}


div.tableau{
 	width: 100vw;
        height:100vh;
        display:flex;
        flex-direction:row;
	justify-content:space-around;
	align-items:center;
        background:none;
        border:none;
        border-radius:none;
}

table{
	display:flex;
	flex-direction:column;
	height:100%;
	width:100%;
/*	justify-content: flex-start;
 	min-width:50%;
	min-height:50%;
	height:80%;
*/
}

caption.annee{
	background:yellow;
        font-size:100%;
        font-weight: bold;
        color:red;
	border-top:2px solid rgba(100,100,100,1);
        border-left:2px solid rgba(100,100,100,1);
        border-right:2px solid rgba(100,100,100,1);

}


thead{
	display:flex;
	flex-direction: column;
/*        min-width:40%;
*/	width:100%;
        height:10%;
}

tr.legende{
        display:inline-flex;
        height:50%;
        width:100%;
/*      justify-content:space-between;
        min-width:8%;
      border:1px solid rgba(100,100,100,1);
*/
}

th.mois{
        display:flex;
        width:100%;
        height:100%;
        justify-content:center;
	align-items: center;
        font-size:80%;
        border-top:2px solid rgba(100,100,100,1);
        border-left:1px solid rgba(100,100,100,1);
        border-right:1px solid rgba(100,100,100,1);
}

tr.colonne{
        display:inline-flex;
        height:50%;
        width:100%;
}

td.rdv{
	display:flex;
        width:100%;
/*        height:50%;
  */      font-size:80%;
        justify-content:center;
        align-items: center;
        border:1px solid rgba(100,100,100,1);


}

tbody{
        display:inline-flex;
        flex-direction:row;
        width:100%; 
        height:100%;
/*      min-height:80%;
*/
}


tr.place{
        display:inline-flex;
        justify-content:space-around;
	height:90%;
	width:100%;
/*        border-bottom:1px solid rgba(100,100,100,1);
*/
}

td.dropzone1{
	display:flex;
        flex-direction:column;
	background:rgba(240,240,240,1);;
	width:50%;
/*        font-size:1vw;
*/	justify-content:flex-start;
}

td.dropzone2{
	display:flex;
    justify-content:flex-start;
	flex-direction:column;
        background:rgba(250,250,250,1);
	display:flex;
        width:50%;
}

/*ul::column {
  scroll-snap-align: center;
}

ul::column::scroll-marker {
  content: '';
  width: 16px;
  height: 16px;
  background-color: transparent;
  border: 2px solid black;
  border-radius: 10px;
}
*/
/*
ul::column::scroll-marker:target-current {
  background-color: black;
}
*/



[draggable=true]{
        -moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	cursor: move;
}

[draggable=false]{
	cursor: no-drop;
}

#drop:hover{
	background:orange;
}

.deposezmoi{
	background:green;
}

p[id=drop]{

width: 40vw;
height:40vh;
}
/*body {
  
  user-select: none;
}*/
/*#draggable {
  text-align: center;
  background: white;

}
*/
/*.dropzone {
  width: 200px;
  height: 20px;
  background: blueviolet;
  margin: 10px;
  padding: 10px;
}*/