@charset "utf-8";
/* CSS Document */

p{color: #bd04d1}

.POLICEnumero{
	font: bold;
	color: #ADFF2F80;
	font-size: 1000%;
}

.cercle{
  width : 100px;
  height : 100px;
  background : #000000;
  -moz-border-radius : 50px;
  -webkit-border-radius : 50px;
  border-radius : 100%;  /* ou 50% */
}

.hexagone {
  box-sizing : border-box;
  position : relative;
  width : 121.24356px;
  height : 70px;
  background-color : #adff2f;
  margin : 35px 0;
}
.hexagone:before,
.hexagone:after {
content : "";
  box-sizing : border-box;
  position : absolute;
  width : 0;
  border-left : 60.62178px solid transparent;
  border-right : 60.62178px solid transparent;
}
.hexagone:after {
  top : 100%;
  width : 0;
  border-top : 35px solid #adff2f;
}
.hexagone:before {
  bottom : 100%;
  border-bottom : 35px solid #adff2f;
}


.SEXcentre_ORISONTALvertical{
    position: absolute; /* postulat de départ */
    top: 50%; left: 50%; /* à 50%/50% du parent référent */
    transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */
    /*
    20220425 18H45M26S35F
    https://www.alsacreations.com/article/lire/539-Centrer-les-elements-ou-un-site-web-en-CSS.html
    */
}

.CAMP {
  width  : 150px;
  height : 150px;
  background : #FFFFFF;
  border : 11px ridge #11ff0060; /* Ajout d'une bordure noire de 2 pixels */
}

.terrain{
  width  : 75%;
  height : 100%;
  background : url("MOTIFterrain.bmp");
}

.QRcode{
  width  : 50px;
  height : 50px;
}

.position0{
    position: absolute; /* postulat de départ */
    top: 15%; left: 10%; /* à 50%/50% du parent référent */
    transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */
}
.position1{
    position: absolute; /* postulat de départ */
    top: 15%; left: 50%; /* à 50%/50% du parent référent */
    transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */
}
.position2{
    position: absolute; /* postulat de départ */
    top: 15%; left: 90%; /* à 50%/50% du parent référent */
    transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */
}
.position3{
    position: absolute; /* postulat de départ */
    top: 50%; left: 10%; /* à 50%/50% du parent référent */
    transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */
}
.position4{
    position: absolute; /* postulat de départ */
    top: 50%; left: 90%; /* à 50%/50% du parent référent */
    transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */
}
.position5{
    position: absolute; /* postulat de départ */
    top: 85%; left: 10%; /* à 50%/50% du parent référent */
    transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */
}
.position6{
    position: absolute; /* postulat de départ */
    top: 85%; left: 50%; /* à 50%/50% du parent référent */
    transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */
}
.position7{
    position: absolute; /* postulat de départ */
    top: 85%; left: 90%; /* à 50%/50% du parent référent */
    transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */
}