@font-face {
	font-family: 'Compagnon Roman';
	src: url('fonts/Compagnon-Roman.eot');
    src: url('fonts/Compagnon-Roman.woff2') format('woff2'),
		 url('fonts/Compagnon-Roman.woff') format('woff'),
		 url('fonts/Compagnon-Roman.ttf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'Compagnon Italic';
	src: url('fonts/Compagnon-Italic.eot');
    src: url('fonts/Compagnon-Italic.woff2') format('woff2'),
		 url('fonts/Compagnon-Italic.woff') format('woff'),
		 url('fonts/Compagnon-Italic.ttf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}

.free.dragscroll {
    position: absolute;
    top:0px;
    bottom:0px;
    right:0px;
    left:0px;
    overflow: hidden;
}

.espace {
    position: absolute;
    width:3000vw;
    height:3000vh;
    background-color: black;
}

.bloc0 {
    position: absolute;
    width:600px;
    margin: 200px;
    height:auto;
    font-family: 'Compagnon Roman';
    font-size: 17px;
    color: white;
}

.bloc04 {
    position: absolute;
    width:2000px;
    margin: 200px;
    height:auto;
    font-family: 'Compagnon Roman';
    font-size: 17px;
    color: white;
}

.bloc1 {
    position: absolute;
    width:550px;
    margin: 200px;
    height:auto;
    font-family: 'Compagnon Roman';
    font-size: 15px;
    color: white;
}

.bloc1a {
    position: absolute;
    width:400px;
    margin: 200px;
    height:auto;
    font-family: 'Compagnon Roman';
    font-size: 15px;
    color: white;
}

.bloc2 {
    position: absolute;
    width:900px;
    margin: 200px;
    height:auto;
    font-family: 'Compagnon Roman';
    font-size: 15px;
    color: white;
}

.bloc3 {
    position: absolute;
    width:1200px;
    margin: 200px;
    height:auto;
    font-family: 'Compagnon Roman';
    font-size: 15px;
    color: white;
}

h1 {
    position: relative;
    font-family: 'Compagnon Roman';
    font-size: 17px;
    font-weight: initial;
    color: white;
    text-align: center;
}

a {
    position: relative;
    font-family: 'Compagnon Roman';
    font-size: 22px;
    font-weight: initial;
    text-decoration: none;
    color: white;
}

.italic {
    font-family: 'Compagnon Italic';
    font-size: 15px;
    color: white;
}

.carte {
    position:fixed;
	top:50%;
	left:10px;
	transform: rotate(90deg);
	color:white;
	z-index:2;
	font-family: 'Compagnon Roman';
	font-size: 18px;
	text-decoration: none;
	font-weight: normal;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	mix-blend-mode: difference;
}

.img_marqueur {
    position: relative;
    width: 100px;
    height: 100px;
}
.img_pop-up {
    position: relative;
    width: 450px;
    height: 300px;
    margin-top: 50px;
    margin-right: 50px;
}

.img_tredion {
    position: relative;
    margin-right: 100px;
    padding-left: 120px;
}

#img1 {
    position: relative;
    height: auto;
    width: auto;
}

#def_centre {
    top:7376px;
    left:12680px;
}

/* Entropie Matérielle */

#entropie_m1 {
    top: 7450px;
    left: 13700px;
}

#entropie_m2 {
    top: 7200px;
    left: 14170px;
}

#entropie_m3 {
    top: 7500px;
    left: 14400px;
}

#entropie_m4 {
    top: 7200px;
    left: 14800px;
}

#entropie_m5 {
    top: 7550px;
    left: 15350px;
}

#entropie_m6 {
    top: 7000px;
    left: 15500px;
}

#entropie_m7 {
    top: 7300px;
    left: 16250px;
}

#entropie_m8 {
    top: 6950px;
    left: 16650px;
}

#entropie_m9 {
    top: 6900px;
    left: 17650px;
}

#entropie_m10 {
    top: 6600px;
    left: 18200px;
}

#entropie_m11 {
    top: 6850px;
    left: 18900px;
}

#entropie_m12 {
    top: 6200px;
    left: 19000px;
}

#entropie_m13 {
    top: 6400px;
    left: 20000px;
}

#entropie_m14 {
    top: 7700px;
    left: 16400px;
}

#entropie_m15 {
    top: 7500px;
    left: 17200px;
}

#entropie_m16 {
    top: 7250px;
    left: 17950px;
}

#entropie_m17 {
    top: 7550px;
    left: 18250px;
}

#entropie_m18 {
    top: 7850px;
    left: 18850px;
}

#entropie_m19 {
    top: 7650px;
    left: 19550px;
}

#entropie_m21 {
    top: 7300px;
    left: 19000px;
}

#entropie_m22 {
    top: 7200px;
    left: 19900px;
}

#entropie_m23 {
    top: 6900px;
    left: 20400px;
}

#entropie_m24 {
    top: 7200px;
    left: 21000px;
}

#entropie_m25 {
    top: 7500px;
    left: 20500px;
}

#entropie_m26 {
    top: 7700px;
    left: 21300px;
}

#entropie_m27 {
    top: 7950px;
    left: 20600px;
}

#entropie_m28 {
    top: 8250px;
    left: 21200px;
}

#entropie_m29 {
    top: 8550px;
    left: 21700px;
}

#entropie_m30 {
    top: 8050px;
    left: 21900px;
}

#entropie_m31 {
    top: 7500px;
    left: 21900px;
}

#entropie_m32 {
    top: 7950px;
    left: 22700px;
}

#entropie_m33 {
    top: 8400px;
    left: 22500px;
}

#entropie_m34 {
    top: 8700px;
    left: 22350px;
}

#entropie_m35 {
    top: 8600px;
    left: 23100px;
}

#entropie_m35 {
    top: 8600px;
    left: 23100px;
}

#entropie_m36 {
    top: 8200px;
    left: 23400px;
}

#entropie_m37 {
    top: 7700px;
    left: 23600px;
}

/* Entropie Immatérielle */

#entropie_iA {
    top: 12400px;
    left: 12500px;
}

#entropie_iB {
    top: 15600px;
    left: 11500px;
}

#entropie_iC {
    top: 15150px;
    left: 10250px;
}

#entropie_iD {
    top: 16300px;
    left: 10000px;
}

#entropie_iE {
    top: 17500px;
    left: 12700px;
}

#entropie_i1 {
    top: 7850px;
    left: 12350px;
}

#entropie_i2 {
    top: 8050px;
    left: 11850px;
}

#entropie_i3 {
    top: 8300px;
    left: 12650px;
}

#entropie_i4 {
    top: 8600px;
    left: 12450px;
}

#entropie_i5 {
    top: 8700px;
    left: 11700px;
}

#entropie_i6 {
    top: 8950px;
    left: 11500px;
}

#entropie_i7 {
    top: 9100px;
    left: 12300px;
}

#entropie_i8 {
    top: 9400px;
    left: 12600px;
}

#entropie_i9 {
    top: 9450px;
    left: 11800px;
}

#entropie_i10 {
    top: 9800px;
    left: 12000px;
}

#entropie_i11 {
    top: 9950px;
    left: 12700px;
}

#entropie_i12 {
    top: 10300px;
    left: 12000px;
}

#entropie_i13 {
    top: 10600px;
    left: 11600px;
}

#entropie_i14 {
    top: 10650px;
    left: 12350px;
}

#entropie_i15 {
    top: 10950px;
    left: 12950px;
}

#entropie_i16 {
    top: 11250px;
    left: 12550px;
}

#entropie_i17 {
    top: 11050px;
    left: 11700px;
}

#entropie_i18 {
    top: 11500px;
    left: 11750px;
}

#entropie_i19 {
    top: 11750px;
    left: 12500px;
}

#entropie_i20 {
    top: 12050px;
    left: 12100px;
}

#entropie_i21 {
    top: 12550px;
    left: 11600px;
}

#entropie_i22 {
    top: 13200px;
    left: 11300px;
}

#entropie_i23 {
    top: 13900px;
    left: 11600px;
}

#entropie_i24 {
    top: 14200px;
    left: 11100px;
}

#entropie_i25 {
    top: 14550px;
    left: 11500px;
}

#entropie_i28 {
    top: 14900px;
    left: 11200px;
}

#entropie_i29 {
    top: 15200px;
    left: 11400px;
}

#entropie_i30 {
    top: 16200px;
    left: 11100px;
}

#entropie_i31 {
    top: 16600px;
    left: 11950px;
}

#entropie_i32 {
    top: 16400px;
    left: 12650px;
}

#entropie_i33 {
    top: 16750px;
    left: 12900px;
}

#entropie_i34 {
    top: 16350px;
    left: 13500px;
}

#entropie_i35 {
    top: 16650px;
    left: 13900px;
}

#entropie_i36 {
    top: 17100px;
    left: 13400px;
}

#entropie_i37 {
    top: 17000px;
    left: 11000px;
}

#entropie_i38 {
    top: 17400px;
    left: 10700px;
}

#entropie_i40 {
    top: 17600px;
    left: 11500px;
}

/* Néguentropie */

#neguentropie0 {
    top:7000px;
    left:12300px;
}

#neguentropie1 {
    top:6500px;
    left:12100px;
}

#neguentropie2 {
    top:6100px;
    left:11900px;
}

#neguentropie3 {
    top:6300px;
    left:11400px;
}

#neguentropie4 {
    top:5900px;
    left:11000px;
}

#neguentropie5 {
    top:6250px;
    left:10400px;
}

#neguentropie6 {
    top:5800px;
    left:10100px;
}

#neguentropie7 {
    top:5500px;
    left:10500px;
}

#neguentropie8 {
    top:5200px;
    left:9950px;
}

#neguentropie9 {
    top:4900px;
    left:10450px;
}

#neguentropie10 {
    top:5150px;
    left:10950px;
}

#neguentropie11 {
    top:4400px;
    left:9800px;
}

#neguentropie12 {
    top:4500px;
    left:10600px;
}

#neguentropie13 {
    top:4750px;
    left:11300px;
}

#neguentropie14 {
    top:4000px;
    left:11250px;
}

#neguentropie15 {
    top:4100px;
    left:10450px;
}

#neguentropie16 {
    top:3800px;
    left:9800px;
}

#neguentropie17 {
    top:4000px;
    left:9200px;
}

#neguentropie18 {
    top:3650px;
    left:10400px;
}

#neguentropie19 {
    top:3550px;
    left:11000px;
}

#neguentropie20 {
    top:3700px;
    left:11600px;
}

#neguentropie21 {
    top:4200px;
    left:11900px;
}

#neguentropie22 {
    top:3300px;
    left:10000px;
}

#neguentropie23 {
    top:3500px;
    left:9300px;
}

#neguentropie24 {
    top:3100px;
    left:10650px;
}

#neguentropie25 {
    top:3200px;
    left:11350px;
}

#neguentropie26 {
    top:3300px;
    left:12000px;
}


.free {
    cursor : -webkit-grab;
    cursor : -moz-grab;
    cursor : -o-grab;
    cursor : grab;
}

.free:active {
    cursor : -webkit-grabbing;
    cursor : -moz-grabbing;
    cursor : -o-grabbing;
    cursor : grabbing;
}