/*******************RANDOM*****************************************/

.draw34 {
width:50px;
height:50px;
position:relative;
top:-10px;
left:-10px;
}

.draw34 polygon {
fill:black;
}
.draw35 {
width: 50px;
  height: 50px;
  position: relative;
  top: 254px;
  left: 113px;
}

.draw35 polygon {
fill:black;
}	
.draw1{
position: relative;
  left: -10px;
  top: 90px;
  z-index: 1;
  width:100px;
  height:100px;
}
.draw1 rect {
	fill:var(--nf5);
	width:100px;
	height:100px;
}
.draw2{
	position: relative;
  z-index: 3;
top: -40px;
  left: 253px;
  width: 50px;
  height: 50px;
}
.draw2 rect {
	fill:var(--nf5);
	width:100px;
	height:100px;
}
.draw3 {
	position: relative;
  width: 75px;
  height: 85px;
  vertical-align: top;
  top: -75px;
}
}
.draw3 polygon {
	fill:black;
}

.draw4 {
	position: relative;
  width: 75px;
  height: 85px;
  float: right;
  left: 50px;
  top: -30px;
}
.draw4 polygon {
	fill:black;
}

.draw5 {
height: 10px;
  width: 80px;
  left: -185px;
  position: relative;
  top: 11px;
}
.draw5 rect {
	fill:black;
	height: 10px;
  width: 80px;
}
.draw6 {
	height: 10px;
  width: 80px;
  position: relative;
  top: -13px;
  left: -185px;
}
.draw6 rect {
fill:black;
height:10px;
width:80px;
}

.draw7 {
	height: 50px;
  width: 50px;
  position: relative;
  z-index: 1;
  top: 40px;
  left: -10px;
}
.draw7 rect {
	height:50px;
	width:50px;
	fill:var(--fd3); 
}
.draw8 {
height: 50px;
  width: 50px;
  position: relative;
  z-index: 1;
  top: -40px;
  float: right;
  left: 10px;
}
.draw8 rect {
	height:50px;
	width:50px;
	fill:var(--fd3);
}

.draw9 {
height: 230px;
  width: 400px;
  position: relative;
  top: -72px;
  left: -72px;
}
.draw9 rect{
	fill:var(--fd1);
	height:35px;
	width:175px;
}

.draw9 polygon{
	fill:black;
}

.draw10 {
height: 180px;
  width: 425px;
  position: relative;
  top: -20px;
  left:-72px;

}
.draw10 rect{
fill: var(--fd1);
  height: 90px;
  width: 35px;
  position: relative;
}

.draw10 polygon{
	fill:black;
}

.draw11 {
height: 230px;
  width: 400px;
  position: relative;
  top: -72px;
  left: -72px;
}
.draw11 circle{
	fill:#f600ff;

}

.draw11 polygon{
	fill:black;
}
.draw12 {
height: 180px;
  width: 425px;
  position: relative;
  top: -260px;
  left:-72px;
  z-index:1;

}
.draw12 rect{
fill: #f600ff;
  height: 90px;
  width: 35px;
  position: relative;
}

.draw12 polygon{
	fill:black;
}

.draw13 {
height: 230px;
  width: 650px;
  position: relative;
  top: -72px;
  left: -72px;
}
.draw13 polygon:nth-child(1){
	fill:#06ff00;

}

.draw13 polygon{
	fill:black;
}
.draw14 {
height: 180px;
  width: 580px;
  position: relative;
  top: -235px;
  z-index:1;

}
.draw14 polygon:nth-child(1){
fill: #06ff00;
}

.draw14 polygon{
	fill:black;
}
.draw13b,
.draw14b{
	display:none;
}
.draw13b polygon,
.draw14b polygon {
	fill:#06ff00;
}
/**** TRAJECTOIRES ***/
.draw15 {
height: 50px;
  width: 50px;
  position: relative;
  z-index: 1;
  top: -12px;
  left: -12px;
}
.draw15 polygon {
	fill:black; 
}
.draw16 {
height: 50px;
  width: 50px;
  position: relative;
  z-index: 1;
  top: 576px;
  left: 178px;
}
.draw16 rect {
	fill:black;
}

.draw17 {
height: 15px;
  width: 205px;
  position: relative;
  right: -300px;
  top: -43px;
  z-index: 3;
}
.draw17 rect {
	height: 15px;
  width: 205px;
  fill: black;
}
.draw18 {
height: 80px;
  width: 80px;
  position: relative;
  z-index: 1;
  top: -15px;
  left: -40px;
  z-index:2;
}
.draw18 polygon {
	fill:black;
}

.draw19 {
	height: 15px;
  width: 205px;
	position: relative;
  z-index: 3;
  left: 0;
  top: 41px;
}

.draw19 rect{
	fill:black;
		height: 15px;
  width: 205px;
}
.draw20 {
height: 80px;
  width: 80px;
  position: relative;
  left: -77px;
  top: -65px;
  z-index: 1;
  margin-right: 5%;
  margin-left: 2%;
}

.draw20 polygon {
fill:black;
}
.draw21 {
height: 80px;
  width: 80px;
  position: relative;
  right: -45px;
  top: -36px;
  z-index: 3;
  float: right;
}
.draw21 polygon {
fill:black
}

/*********LA COMPAGNIE****/
.draw22 {
	height:50px;
	width:50px;
	position:relative;
	left: -121px;
  top: -12px;
}

.draw22 polygon{
	fill:black;
}

.draw23 {
		height:50px;
	width:50px;
	position:relative;
	left: 37.5%;
  top: 90%;
}

.draw23 polygon{
	fill:black;
}

.draw24 {
height: 80px;
  width: 80px;
  position: relative;
  top: -45px;
  left: -369px;
  z-index: 2;
}
.draw24 polygon {
fill: #00d27f;
}

.draw25 {
height: 80px;
  width: 80px;
  position: relative;
 top: -5px;
  right: 80px;
  z-index: 2;
  float: right;
}
.draw25 polygon {
	fill:black;
}
.draw26 {
height: 15px;
  width: 205px;
  position: relative;
  left:95px;
  top: -43px;
  z-index: 3;
}
.draw26 rect {
	height: 15px;
  width: 205px;
 fill: var(--nf5);
}
.draw27 {
height: 15px;
  width: 205px;
  position: relative;
  left:95px;
  top: 41px;
  z-index: 3;
}
.draw27 rect {
	height: 15px;
  width: 205px;
  fill: var(--nf5);
}

.draw28 {
	width: 120px;
  height: 120px;
  position: relative;
  left: -45px;
}

.draw28 polygon {
	fill:mediumblue;
}
.draw29 {
	position: relative;
  left: 485px;
  top: 200px;
  height: 120px;
  width: 120px;
}

.draw29 polygon {
	fill:mediumblue;
}

.draw30 {
	width: 80px;
  height: 80px;
  position: relative;
  top: 35px;
  left: -126px;
  mix-blend-mode: multiply;
}
.draw30 polygon {
	fill:gold;
}

.draw31 {
	width: 50px;
  height: 50px;
  float: right;
  position: relative;
  left: -66px;
  top: 12px;
}
.draw31 polygon{
	fill:black;
}
/*****ACTIONS CULTURELLES****/

.draw32 {
	width: 50px;
  height: 50px;
  position: absolute;
  top:-12px;
  left:-12px;
}
.draw32 polygon{
	fill:black;
}

.draw33 {
	width: 50px;
  height: 50px;
  float: right;
 position: absolute;
  left: 662px;
  top: 92.7%;
}
.draw33 polygon{
	fill:black;
}