body,html{font-family:verdana}

body{overflow:hidden;}

/*#elem_image{position:fixed;left:0;bottom:0}*/
#img_container:empty:before{content: "Coller image ici"}

/*#img_container>img+#btnImage{display:inline;}
#img_container:empty+input.termine{display:none}
*/

#main_container,#menu_nouveau,#actions,.applicateur{display:flex;}

/*@media screen and(orientation:portrait){
    #main_container{flex-direction:column;}
    #menu_nouveau{flex-direction:row}
    #actions{flex-direction:row;} 
}*/
/*@media screen and(orientation:landscape){*/
#main_container{flex-direction:row;}
#menu_nouveau{flex-direction:column}
#actions{flex-direction:column;}
/*}*/

#e_version{font-style:italic;color:#a6f}

/*Vue portrait:*/
#main_container.portrait{flex-direction:column !important}
.portrait>div{flex-direction:row !important}

.applicateur{flex-direction:row;}

#lecanvas{border: 1px solid green;}
#miniature{position:fixed;right:0; z-index:-1}

#enveloppe{font-size:x-large; position:absolute; right:0; top:10%; z-index:2}

div{padding:4px;}

#elem_help{position:absolute;top:0;left:0; overflow:visible}
#elem_help p{color:peru}

#menu_action{position:fixed;right:0;top:0;margin-right:100px;}

#menu_suppr{position:fixed;right:0;bottom:0;}

#p_info{display:inline-block;border-radius:15px;}
/*#p_color{min-width:10px; min-height:10px;border:2px solid gray;}*/

#palette{display:flex;}
/*#menu_style {display:flex;align-items:center;}*/
#menu_style.remplir>:not(.color){display:none}
/*.remplir:after{content:"\21AC Remplir" !important}
#menu_style:after{content:"\21AC Trait"}*/

p:before{content:"\21AC"}

svg{width:36;height:36;}
svg>*{stroke-width:3;stroke:peru;fill:none}

input{font-size:large; }
input[type=number]{width:40px;}
input.focus{background:white}

.modal{background: #6df; border:1px solid peru; display:inline-block;}

.symbol{font-size:x-large; background:#eef;}

button{font-size:32px;color:peru;
    min-height:40px;min-width:40px; height:40px;
    font-weight:bold;
    vertical-align:top;}
button:focus{border:2px solid yellow;}
/*button.utf16{font-size:27px;}*/

div{display:inline-block;}
.color,.style{display:inline-block; min-width:40px; min-height:30px; padding:4px;}

.blue{background-color: blue}
.green{background: rgb(108, 233, 108)}
.red{background: red}
.peru{background:rgba(205, 134, 63, 0.705)}
.orange{background:orange}
.yellow{background:#fe4}
.violet{background:#d6e}

.close{background:red;color:white}
