:root{
  --impression :grey;
  --typo : red;
  --edition : lemonchiffon;
  --dessin : thistle;
  --couleur:mediumpurple;
  --activisme: dimgrey;
  --propriete: darkslategray;
  --arttechno: royalblue;
  --objet: rosybrown;
  --culturepop : hotpink;
  --marketing:mediumturquoise;
  --europe:lightgreen;
  --asie:teal;
  --afrique:peru;
  --america: burlywood;
  --oceanie: cornflowerblue;
}

/* //////////////////////////// */

.vignette{
    margin:0;
    border-radius: 50%;
    width: 100%;
    height: 100%;
   /* border: 1px solid black;*/
}

.vignette::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10%;
    height: 10%;
    background-color: var(--zonededroite-color); /*couleur du fond*/
    border-radius: 50%;
    transform: translate(-50%, -50%);   
}


/* ///////////////////////////////// */
.filigrane {
    background-image: conic-gradient(from 90deg, white, var(--europe), var(--impression) 15%,var(--propriete) 35%, var(--europe), white, var(--europe), var(--impression) 65%, var(--propriete) 85%, var(--europe), white);
    position: relative;
}

.filigrane::before {
    border: 7px solid transparent;
    box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--orange);
}

  .jikji {
    background-image: conic-gradient(from 90deg, white, var(--asie), var(--europe), var(--typo) 15%, var(--edition) 35%, var(--europe), var(--asie), white, var(--asie), var(--europe), var(--typo) 65%, var(--edition) 85%, var(--europe), var(--asie), white);
    position: relative;
  }

.jikji::before {
  border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--orange);
}

  .enluminures {
    background-image: conic-gradient(from 90deg, white, var(--europe), var(--dessin) 15%,var(--couleur) 35%, var(--europe), white, var(--europe), var(--dessin) 65%, var(--couleur)  85%, var(--europe), white);
    position: relative;
  }

.enluminures::before {
  border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--orange);
}

  .exlibris {
    background-image: conic-gradient(from 90deg, white, var(--europe), var(--afrique), var(--edition) 15%,var(--propriete) 35%, var(--afrique), var(--europe), white, var(--europe), var(--afrique), var(--edition) 65%, var(--propriete) 85%, var(--afrique), var(--europe), white);
    position: relative;
  }

.exlibris::before {
  border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--orange);
}









  .loremipsum {
    background-image: conic-gradient(from 90deg, white, var(--europe),var(--edition) 15%, var(--edition) 35%, var(--europe), white, var(--europe),var(--edition) 65%,var(--edition) 85%, var(--europe), white);
    position: relative;
  }

.loremipsum::before {
  border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--rose);
}

  .livremedieval {
    background-image: conic-gradient(from 90deg, white, var(--europe),var(--impression) 15%,var(--edition) 35%, var(--europe), white, var(--europe),var(--impression) 65%,var(--edition) 85%, var(--europe), white);
    position: relative;
  }

.livremedieval::before {
  border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--rose);
}

  .impnational {
    background-image: conic-gradient(from 90deg, white, var(--europe),var(--impression) 15%,var(--typo) 35%, var(--europe), white, var(--europe),var(--impression) 65%,var(--typo) 85%, var(--europe), white);
    position: relative;
  }

.impnational::before {
  border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--rose);
}

  .caricature {
    background-image: conic-gradient(from 90deg, white, var(--europe),var(--dessin) 15%,var(--dessin) 35%, var(--europe), white, var(--europe),var(--dessin) 65%,var(--dessin) 85%, var(--europe), white);
    position: relative;
  }

.caricature::before {
  border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--rose);
}

.baskerville {
    background-image: conic-gradient(from 90deg, white, var(--europe),var(--typo) 15%,var(--typo) 35%, var(--europe), white, var(--europe),var(--typo) 65%,var(--typo) 85%, var(--europe), white);
    position: relative;
  }

.baskerville::before {
  border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--rose);
}

.pamphletrevol {
    background-image: conic-gradient(from 90deg, white, var(--europe),var(--edition) 15%,var(--activisme) 35%, var(--europe), white, var(--europe),var(--edition) 65%,var(--activisme) 85%, var(--europe), white);
    position: relative;
  }

.pamphletrevol::before {
  border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--rose);
}

.didot {
    background-image: conic-gradient(from 90deg, white, var(--europe),var(--typo) 15%,var(--edition) 35%, var(--europe), white, var(--europe),var(--typo) 65%,var(--edition) 85%, var(--europe), white);
    position: relative;
  }

.didot::before {
  border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--rose);
}










.lovelace {
    background-image: conic-gradient(from 90deg, white, var(--europe),var(--arttechno) 15%,var(--arttechno) 35%, var(--europe), white, var(--europe),var(--arttechno) 65%,var(--arttechno) 85%, var(--europe), white);
    position: relative;
  }

.lovelace::before {
  border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--bleu);
}

.cartepostale {
    background-image: conic-gradient(from 90deg, white, var(--europe),var(--objet) 15%,var(--objet) 35%, var(--europe), white, var(--europe),var(--objet) 65%,var(--objet) 85%, var(--europe), white);
    position: relative;
  }

.cartepostale::before {
  border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--bleu);
}

.libertepresse {
    background-image: conic-gradient(from 90deg, white, var(--europe),var(--edition) 15%,var(--edition) 35%, var(--europe), white, var(--europe),var(--edition) 65%,var(--edition) 85%, var(--europe), white);
    position: relative;
  }

.libertepresse::before {
  border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--bleu);
}

.yellowkid {
    background-image: conic-gradient(from 90deg, white, var(--america),var(--typo) 15%,var(--dessin) 35%, var(--america), white, var(--america),var(--typo) 65%,var(--dessin) 85%, var(--america), white);
    position: relative;
  }

.yellowkid::before {
  border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--bleu);
}

.WEBdubois {
    background-image: conic-gradient(from 90deg, white, var(--america),var(--activisme) 15%,var(--edition) 35%, var(--america), white, var(--america),var(--activisme) 65%,var(--edition) 85%, var(--america), white);
    position: relative;
  }

.WEBdubois::before {
    border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--bleu);
}

.enveloppe {
    background-image: conic-gradient(from 90deg, white, var(--america),var(--impression) 15%,var(--objet) 35%, var(--america), white, var(--america),var(--impression) 65%,var(--objet) 85%, var(--america), white);
    position: relative;
  }

.enveloppe::before {
    border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--bleu);
}

.alberstextile {
    background-image: conic-gradient(from 90deg, white, var(--europe),var(--couleur) 15%,var(--couleur) 35%, var(--europe), white, var(--europe),var(--couleur) 65%,var(--couleur) 85%, var(--europe), white);
    position: relative;
  }

.alberstextile::before {
    border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--bleu);
}

.chanel {
    background-image: conic-gradient(from 90deg, white, var(--europe),var(--culturepop) 15%,var(--marketing) 35%, var(--europe), white, var(--europe),var(--culturepop) 65%,var(--marketing) 85%, var(--europe), white);
    position: relative;
  }

.chanel::before {
    border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--bleu);
}

.futura {
    background-image: conic-gradient(from 90deg, white, var(--europe),var(--typo) 15%,var(--typo) 35%, var(--europe), white, var(--europe),var(--typo) 65%,var(--typo) 85%, var(--europe), white);
    position: relative;
  }

.futura::before {
    border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--bleu);
}

.helvetica {
    background-image: conic-gradient(from 90deg, white, var(--america), var(--europe), var(--typo) 15%,var(--marketing) 35%, var(--europe), var(--america), white, var(--america), var(--europe),var(--typo) 65%,var(--marketing) 85%, var(--europe), var(--america), white);
    position: relative;
  }

.helvetica::before {
    border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--bleu);
}











.pinyin {
    background-image: conic-gradient(from 90deg, white, var(--asie), var(--europe), var(--typo) 15%,var(--edition) 35%, var(--europe), var(--asie), white, var(--asie), var(--europe),var(--typo) 65%,var(--edition) 85%, var(--europe), var(--asie), white);
    position: relative;
  }

.pinyin::before {
    border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--bleu);
}

/*.vertigo {
    background-image: conic-gradient(from 90deg, white, var(--america), var(--europe), var(--culturepop) 15%,var(--dessin) 35%, var(--europe), var(--america), white, var(--america), var(--europe),var(--culturepop) 65%,var(--dessin) 85%, var(--europe), var(--america), white);
    position: relative;
  }

.vertigo::before {
    border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--bleu);
}
*/

.pinyin {
  background-image: conic-gradient(from 90deg, white, var(--asie), var(--europe), var(--typo) 15%,var(--edition) 35%, var(--europe), var(--asie), white, var(--asie), var(--europe),var(--typo) 65%,var(--edition) 85%, var(--europe), var(--asie), white);
  position: relative;
}

.pinyin::before {
  border: 7px solid transparent;
box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--bleu);
}

/*.vertigo {
  margin:0px;
  width:75%;
  height:75%;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);   
  border: 1px solid var(--background-color);
  background-image: conic-gradient(from 90deg, white, var(--america), var(--europe), var(--culturepop) 15%,var(--dessin) 35%, var(--europe), var(--america), white, var(--america), var(--europe),var(--culturepop) 65%,var(--dessin) 85%, var(--europe), var(--america), white);
}

.vertigo::before {
  border: 7px solid transparent;
box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--bleu);
}
*/












.hulkvert {
    background-image: conic-gradient(from 90deg, white, var(--america),var(--culturepop) 15%,var(--couleur) 35%, var(--america), white, var(--america),var(--culturepop) 65%,var(--couleur) 85%, var(--america), white);
    position: relative;
  }

.hulkvert::before {
    border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--bleu);
}

.nike {
    background-image: conic-gradient(from 90deg, white, var(--america),var(--marketing) 15%,var(--culturepop) 35%, var(--america), white, var(--america),var(--marketing) 65%,var(--culturepop) 85%, var(--america), white);
    position: relative;
  }

.nike::before {
    border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--bleu);
}

.frutiger {
    background-image: conic-gradient(from 90deg, white, var(--europe),var(--arttechno) 15%,var(--typo) 35%, var(--europe), white, var(--europe),var(--arttechno) 65%,var(--typo) 85%, var(--europe), white);
    position: relative;
  }

.frutiger::before {
    border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--bleu);
}






/*.iloveny {
    background-image: conic-gradient(from 90deg, white, var(--america),var(--culturepop) 15%,var(--marketing) 35%, var(--america), white, var(--america),var(--culturepop) 65%,var(--marketing) 85%, var(--america), white);
    position: relative;
  }

.iloveny::before {
    border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--bleu);
}

.plaquesegouts {
    background-image: conic-gradient(from 90deg, white, var(--asie),var(--dessin) 15%,var(--couleur) 35%, var(--asie), white, var(--asie),var(--dessin) 65%,var(--couleur) 85%, var(--asie), white);
    position: relative;
  }

.plaquesegouts::before {
    border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--bleu);
}*/

.iloveny {
  background-image: conic-gradient(from 90deg, white, var(--america),var(--culturepop) 15%,var(--marketing) 35%, var(--america), white, var(--america),var(--culturepop) 65%,var(--marketing) 85%, var(--america), white);
  position: relative;
}

.iloveny::before {
  border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--bleu);
}

.plaquesegouts {
  margin:0px;
  width:75%;
  height:75%;
  position:relative;
  top:50%;
  left:50%;
  border: 1px solid var(--zonededroite-color);
  transform: translate(-50%, -50%);
  background-image: conic-gradient(from 90deg, white, var(--asie),var(--dessin) 15%,var(--couleur) 35%, var(--asie), white, var(--asie),var(--dessin) 65%,var(--couleur) 85%, var(--asie), white);
}

.plaquesegouts::before {
  border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--bleu);
}












.greimanpostmod {
    background-image: conic-gradient(from 90deg, white, var(--america),var(--arttechno) 15%,var(--edition) 35%, var(--america), white, var(--america),var(--arttechno) 65%,var(--edition) 85%, var(--america), white);
    position: relative;
  }

.greimanpostmod::before {
    border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--bleu);
}

.howlettverdana {
    background-image: conic-gradient(from 90deg, white, var(--america),var(--typo) 15%,var(--arttechno) 35%, var(--america), white, var(--america),var(--typo) 65%,var(--arttechno) 85%, var(--america), white);
    position: relative;
  }

.howlettverdana::before {
    border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--bleu);
}

.guerillagirls {
    background-image: conic-gradient(from 90deg, white, var(--america),var(--activisme) 15%,var(--activisme) 35%, var(--america), white, var(--america),var(--activisme) 65%,var(--activisme) 85%, var(--america), white);
    position: relative;
  }

.guerillagirls::before {
    border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--bleu);
}

.deadhistory {
    background-image: conic-gradient(from 90deg, white, var(--america),var(--typo) 15%,var(--typo) 35%, var(--america), white, var(--america),var(--typo) 65%,var(--typo) 85%, var(--america), white);
    position: relative;
  }

.deadhistory::before {
    border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--bleu);
}

.VNSmatrix {
  background-image: conic-gradient(from 90deg, white, var(--oceanie),var(--activisme) 15%,var(--arttechno) 35%, var(--oceanie), white, var(--oceanie),var(--activisme) 65%,var(--arttechno) 85%, var(--oceanie), white);
    position: relative;
  }

.VNSmatrix::before {
    border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--bleu);
}











.multiprint {
    background-image: conic-gradient(from 90deg, white, var(--impression) 15%,var(--objet) 35%, white, var(--impression) 65%,var(--objet) 85%,  white);
    position: relative;
  }

.multiprint::before {
  border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--vert);
}

.LIT {
  background-image: conic-gradient(from 90deg, white, var(--objet) 15%,var(--propriete) 35%, white, var(--objet) 65%,var(--propriete) 85%,  white);
    position: relative;
  }

.LIT::before {
    border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--vert);
}

.pollock {
  background-image: conic-gradient(from 90deg, white, var(--objet) 15%,var(--arttechno) 35%, white, var(--objet) 65%,var(--arttechno) 85%,  white);
    position: relative;
  }

.pollock::before {
    border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--vert);
}

.phosphorisme {
  background-image: conic-gradient(from 90deg, white, var(--arttechno) 15%,var(--couleur) 35%, white, var(--arttechno) 65%,var(--couleur) 85%,  white);
    position: relative;
  }

.phosphorisme::before {
    border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--vert);
}

.immermag {
  background-image: conic-gradient(from 90deg, white, var(--activisme) 15%,var(--arttechno) 35%, white, var(--activisme) 65%,var(--arttechno) 85%,  white);
    position: relative;
  }

.immermag::before {
    border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--vert);
}

.radio {
  background-image: conic-gradient(from 90deg, white, var(--activisme) 15%,var(--activisme) 35%, white, var(--activisme) 65%,var(--activisme) 85%,  white);
    position: relative;
  }

.radio::before {
    border: 7px solid transparent;
  box-shadow: 0 0 0 1px black, 0 0 0 6px var(--zonededroite-color), 0 0 0 7px black, 0 0 0 13px var(--vert);
}