.coin-carre {
  --ep: 1px;
  --long: 15px;
  --haut: 15px;
  --coul: #666666;
  padding: calc( .5em + var(--ep));
  background-image:
    linear-gradient(var(--coul), var(--coul)),
    linear-gradient(var(--coul), var(--coul)),
    linear-gradient(var(--coul), var(--coul)),
    linear-gradient(var(--coul), var(--coul)),
    linear-gradient(var(--coul), var(--coul)),
    linear-gradient(var(--coul), var(--coul)),
    linear-gradient(var(--coul), var(--coul)),
    linear-gradient(var(--coul), var(--coul));
  background-size:
    var(--long) var(--ep),    var(--long) var(--ep),    /* horizontales à gauche */
    var(--long) var(--ep),    var(--long) var(--ep),    /* horizontales à droite */
    var(--ep)   var(--haut),  var(--ep)   var(--haut),  /* verticales en haut */
    var(--ep)   var(--haut),  var(--ep)   var(--haut),  /* verticales en bas */
    100%;
  background-position:
    top left,     bottom left,
    top right,    bottom right,
    top right,    top left,
    bottom left,  bottom right;
  background-repeat: no-repeat;
}
.bgscot 
{
background-image: url("/pics/left_bg2.png");
  background-position: center;
  background-attachment: local, scroll;
  background-repeat: no-repeat;
  }