body{
	font-size:15px;
	padding:10px;
}

.hidden{
	display:none;
}

.echelle{
	width:5vw;
	height:10px;
	margin:10px 0 0 10px;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	display:inline-block;

}

.button, .button2{
	text-decoration: underline;
	cursor: pointer;
}

#poster1 img{
	border:1px solid black;
	vertical-align: top;
	width:100%;
	margin-top: 10px;
}

p{
	font-size: 10px;
	font-family: 'interval';
}

.atlas{
	margin:0 10px 10px 10px;
	display: inline-block;
}

.available{
	color:rgb(0, 173, 121);
	margin-top: 10px;
	text-transform: uppercase;
}

.thumb{
	cursor:pointer;
}

.sold{
	color:red;
	text-transform: uppercase;
	margin-top: 10px;
}

.opacity{
	opacity:0.1;
}

.atlas-img{
	margin-top:10px;
	display: inline-block;
}

#atlas-part{
	display: inline-block;
	width:35%;
}

#txt{
	width:20%;
	position:fixed;
	top:0;
	right:0;
	line-height: 120%;
	padding:10px;
}

.hidden{
	display:none;
}

#txt a{
font-family: 'interval';
color:black;
font-size: 10px;
display:block;
}

#img{
	vertical-align: top;
	width:80%;
}
#img img{
	width:49.5%;
	margin-bottom: 4px;
	border-left: 0.5%;
	border:1px solid black;
	vertical-align: top;
}

#txt-img img{
	width:22%;
	margin-left:1%;
	border:1px solid black;
}

#poster-part{
	width:45vw;
	float: left;
}

#poster1{
	width:45vw;
	float: left;
}

#atlas-suite{
	margin-top: 10px;
	margin-left: -10px;
	float: left;
}

#atlas1-img{
	width:5vw;
	height:8.5vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas-10x17.jpg);
	background-size: cover;
}

#atlas1-img:hover, #atlas2-img:hover, #atlas3-img:hover, #atlas4-img:hover, #atlas5-img:hover, #atlas6-img:hover, #atlas7-img:hover, #atlas8-img:hover, #atlas9-img:hover,  #atlas10-img:hover, #atlas18-img:hover, #atlas11-img:hover, #atlas12-img:hover, #atlas13-img:hover, #atlas14-img:hover, #atlas17-img:hover, #atlas15-img:hover, #atlas23-img:hover, #atlas28-img:hover, #atlas25-img:hover, #atlas24-img:hover, #atlas22-img:hover, #atlas32-img:hover, #atlas27-img:hover, #atlas35-img:hover, #atlas34-img:hover, #atlas20-img:hover, #atlas26-img:hover, #atlas19-img:hover, #atlas37-img:hover, #atlas38-img:hover, #atlas39-img:hover, #atlas49-img:hover, #atlas48-img:hover, #atlas45-img:hover, #atlas43-img:hover, #atlas44-img:hover, #atlas42-img:hover, #atlas41-img:hover, #atlas46-img:hover, #atlas31-img:hover, #atlas33-img:hover, #atlas36-img:hover, #atlas16-img:hover, #atlas29-img:hover,#atlas40-img:hover, #atlas47-img:hover, #atlas50-img:hover, #atlas21-img:hover, #atlas51-img:hover{
	background:url(../img/sold8-03.png);
	background-size: cover;
	background-size: 100% 100%;
}


#atlas1-img:hover, #atlas2-img:hover, #atlas3-img:hover, #poster-img:hover, #atlas30-img:hover{
	background:url(../img/buy4-04.png);
	background-size: cover;
	background-size: 100% 100%;
	cursor: pointer;
}

#atlas51-img{
	width:11.75vw;
	height:15.25vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas_23.5x28.jpg);
	background-size: cover;
}

#atlas50-img{
	width:10.25vw;
	height:13.25vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas_20.5x26.jpg);
	background-size: cover;
}

#atlas49-img{
	width:9.5vw;
	height:13vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas_19x26.jpg);
	background-size: cover;
}

#atlas48-img{
	width:9.25vw;
	height:10vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas_18.5x20.jpg);
	background-size: cover;
}

#atlas47-img{
	width:8.75vw;
	height:9.5vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas_17.5x19-en.jpg);
	background-size: cover;
}

#atlas46-img{
	width:8.25vw;
	height:10vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas_16.5x20.jpg);
	background-size: cover;
}

#atlas45-img{
	width:7.5vw;
	height:13vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas_15x26.jpg);
	background-size: cover;
}

#atlas44-img{
	width:7.75vw;
	height:10.75vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas_15.5x21.jpg);
	background-size: cover;
}

#atlas43-img{
	width:7.25vw;
	height:14vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas_14.5x28.jpg);
	background-size: cover;
}

#atlas42-img{
	width:6.5vw;
	height:11.5vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas_13x23.jpg);
	background-size: cover;
}

#atlas41-img{
	width:6.5vw;
	height:8.5vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas_13x17.jpg);
	background-size: cover;
}

#atlas40-img{
	width:6vw;
	height:13.5vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas_12x27.jpg);
	background-size: cover;
}

#atlas2-img{
	width:6vw;
	height:19vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas-10x38-fr.jpg);
	background-size: cover;
}

#atlas3-img{
	width:7vw;
	height:10.5vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas-14x21.jpg);
	background-size: cover;
}

#atlas4-img{
	width:7.5vw;
	height:10vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas-15x20.jpg);
	background-size: cover;
}

#atlas5-img{
	width:8.5vw;
	height:9.5vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas-17x19.jpg);
	background-size: cover;
}

#atlas6-img{
	width:9.25vw;
	height:17.5vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas-18.5x35.jpg);
	background-size: cover;
}

#atlas7-img{
	width:9vw;
	height:8vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas-18x16.jpg);
	background-size: cover;
}

#atlas8-img{
	width:11vw;
	height:16vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas-22x32.jpg);
	background-size: cover;
}


#atlas9-img{
	width:13.7vw;
	height:21vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas-27.jpg);
	background-size: cover;
}

#atlas10-img{
	width:20vw;
	height:12.5vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas-40x25.png);
	background-size: cover;
}

#atlas11-img{
	width:4.5vw;
	height:9.5vw;
	display:block;
	border:1px solid black;
	background-color: red;
	background:url(../img/ATLAS-en-9x19.jpg);
	background-size: cover;
}

#atlas12-img{
	width:6.5vw;
	height:9.75vw;
	display:block;
	border:1px solid black;
	background-color: red;
	background:url(../img/ATLAS-en-13x19.jpg);
	background-size: cover;
}

#atlas13-img{
	width:7.75vw;
	height:10vw;
	display:block;
	border:1px solid black;
	background-color: red;
	background:url(../img/ATLAS-en-15.jpg);
	background-size: cover;
}


#atlas14-img{
	width:8.25vw;
	height:12.5vw;
	display:block;
	border:1px solid black;
	background-color: red;
	background:url(../img/ATLAS-en-16.jpg);
	background-size: cover;
}

#atlas15-img{
	width:12vw;
	height:10.5vw;
	display:block;
	border:1px solid black;
	background-color: red;
	background:url(../img/ATLAS-en-24x21.jpg);
	background-size: cover;
}

#atlas16-img{
	width:3.75vw;
	height:20.5vw;
	display:block;
	border:1px solid black;
	background-color: red;
	background:url(../img/Atlas_7.5x41.jpg);
	background-size: cover;
}

#atlas17-img{
	width:4.25vw;
	height:7.5vw;
	display:block;
	border:1px solid black;
	background-color: red;
	background:url(../img/Atlas_8.5x15.jpg);
	background-size: cover;
}

#atlas18-img{
	width:4vw;
	height:11.5vw;
	display:block;
	border:1px solid black;
	background-color: red;
	background:url(../img/Atlas_8x23.jpg);
	background-size: cover;
}

#atlas19-img{
	width:4.5vw;
	height:8.5vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas_9x17.jpg);
	background-size: cover;
}

#atlas20-img{
	width:5.75vw;
	height:5.5vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas_11.5x11.jpg);
	background-size: cover;
}

#atlas21-img{
	width:5.5vw;
	height:5.5vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas_11x11-en.jpg);
	background-size: cover;
}

#atlas22-img{
	width:5.5vw;
	height:12.5vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas_11x25.jpg);
	background-size: cover;
}

#atlas23-img{
	width:7vw;
	height:13.5vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas_14x27.jpg);
	background-size: cover;
}

#atlas24-img{
	width:7.75vw;
	height:11.5vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas_15.5x23.jpg);
	background-size: cover;
}

#atlas25-img{
	width:7.5vw;
	height:12.5vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas_15x25.jpg);
	background-size: cover;
}

#atlas26-img{
	width:8vw;
	height:6vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas_16x12.jpg);
	background-size: cover;
}

#atlas27-img{
	width:9.5vw;
	height:5.5vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas_19x11.jpg);
	background-size: cover;
}

#atlas28-img{
	width:9.5vw;
	height:13.5vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas_19x27.jpg);
	background-size: cover;
}

#atlas29-img{
	width:12.5vw;
	height:19.5vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas_25x39.jpg);
	background-size: cover;
}

#atlas30-img{
	width:9.5vw;
	height:6vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas_29x12.jpg);
	background-size: cover;
}

#atlas31-img{
	width:8.75vw;
	height:12.5vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas_17.5x25-en.png);
	background-size: cover;
}

#atlas32-img{
	width:8.5vw;
	height:13.5vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas_17x27.png);
	background-size: cover;
}

#atlas33-img{
	width:9.5vw;
	height:11vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas_19x22-1.png);
	background-size: cover;
}

#atlas34-img{
	width:8vw;
	height:13.25vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas_16x26.png);
	background-size: cover;
}


#atlas35-img{
	width:7vw;
	height:13vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas_14x26-1.png);
	background-size: cover;
}

#atlas36-img{
	width:6.5vw;
	height:8.4vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas_13x16.8-en.png);
	background-size: cover;
}

#atlas37-img{
	width:7.25vw;
	height:10vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas_14.5x20-en.png);
	background-size: cover;
}

#atlas38-img{
	width:4.5vw;
	height:12.5vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas_9x25-en.jpg);
	background-size: cover;
}

#atlas39-img{
	width:6.25vw;
	height:9.75vw;
	display:block;
	border:1px solid black;
	background:url(../img/Atlas_12.5x19.5-en.jpg);
	background-size: cover;
}


#poster-img{
	width:45vw;
	height:175vw;
	display:block;
	border:1px solid black;
	background:url(../img/poster-big.jpg);
	background-size: cover;
}


/* #atlas5{
	width:2.84cm;
}

#atlas6{
	width:3.08cm;
}

#atlas7{
	width:3cm;
}

#atlas8{
	width:3.67cm;
}

#atlas9{
	width:4.5cm;
	z-index: 100;
} */