:root{
    --couleur: rgb(255, 213, 0);
}
.broider {
    border-image:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAAAAXNSR0IArs4c6QAAAjxJREFUeF7tm9FtwzAQQ50NOkRXy1RdrUNkg+bbClCCIKXIweuvzufTE4+W7PR28FclcKtmI9kB0LIIAArQMoFyOhQK0DKBcjoUejWgj5/vv3LNVrqv++9S0Uy/GUCt9dfBANWMrAiAWrheg0eAqz1srEgtaLu+uocCNFSkUkRbAW65KNQlJuIvB3S3FnfXo11/7KHtglwgaXy7foAOJ7nU8wH6bqDtFlEPjbGlUwUpi0jnZys0vaHaZqkJAzTc1qBQJbFhnJYPTXw3gGr9XYtb7qEAFS3qPiQACtDTJxwlINnyrocoT1o9ntbvXg9Qc1uHQsu7EoACtOuyalehFIeHmicxgJoCRqEmMBUOUEXIHAeoCUyFA1QRMscBagJT4ZcH6u7bFJD2uFufG18/y7sFtIGpfG59bjxAxS+cAVp+e7Qd0NVfLVXLu+MAdYmVFT3dQ1Fo+A0p3feVBRano+VjhOcEAAVomUA5HQr9NKDjfNwVLvOI07n117dNAC1vbAEK0H8JbNfysYmJg4bKrz4TtztquoeqCbvj6iSWHnVdRY73A2h41Abo5GeGVGjbY3Zr8fb8ALq65dsriELLKwjQySbuAm7Hp9sk+ymvJtAuSN2vPd6u334ovdtTAdomUM63nUKVYtOjYJnf0QZY91CAngnEHgpQgFr/u+laTl2hqgD39ZvK546770fd/AB1iYl4gAI0I/BxLZ/h2P/q5S2/P5KsQoBm/F6uBihAywTK6VAoQMsEyulQaBnoE/DJwHMIhhClAAAAAElFTkSuQmCC") 28 /  28px / 0 round;
    border-width:  28px;
    border-style:  solid;
}