@font-face {
  font-family: 'ISOCTEUR';
  src: url('fonts/ISOCTEUR.woff') format('woff'),
       url('fonts/ISOCTEUR.ttf') format('truetype'),
       url('fonts/ISOCTEUR.svg#ISOCTEUR') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'isocteur';
  src: url('fonts/isocteur.eot');
  src: url('fonts/isocteur.eot?#iefix') format('embedded-opentype'),
       url('fonts/isocteur.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

png, #anyblock, .anyblock {
  behavior: url(/opacity/pngfix.htc);
}
html {background: #fff; 
background: radial-gradient(ellipse farthest-corner, #fff 60%, #e5e5e5) repeat scroll 0 0;
background: -moz-radial-gradient(center, ellipse cover, #fff 60%, #e5e5e5);
background: -webkit-gradient(radial, center center, 62%, center center, 100%, color-stop(60%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 60%%,rgba(229,229,229,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 60%,rgba(229,229,229,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 60%,rgba(229,229,229,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 60%,rgba(229,229,229,1) 100%);
}
body {color: #fff;
    margin: 0 auto;
    max-width: 777px;}
h1 {
    margin: 8% 0 0;
    text-align: center;
}
img {
    border: medium none;
	height: auto;
}
#title-perfect > img {
    height: auto;
    max-width: 564px;
    width: 100%;
}
#content-img {
    margin: 0 auto;
    max-width: 364px;
    position: relative;
    top: 0;
	width: 100%;
	height: 100%;
}
.back {
    padding-bottom: 10%;
    position: relative;
    text-align: center;
	background: url("images/back.png") no-repeat scroll center top transparent;
	background-size: contain;
	margin: 0 auto;
    max-width: 554px;
}
.back > img {
    height: auto;
    max-width: 547px;
    width: 100%;
}

.bodies {
    max-width: 131px;
    position: absolute;
    width: 36%;

}
.bodies:hover img {

opacity: 1;
}
.bodies > a {
    display: block;
    position: relative;
	opacity: 0.78; transition: opacity 0.2s ease 0s;
	font-size: 15.6px;
}
.bodies:hover a {

opacity: 1;
}
#content-img h2 {
    color: #f31212;
    font-family: "ISOCTEUR";
font-size: inherit;
    font-weight: normal;
    left: 18%;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 40%;
	text-shadow: -1px 0 #f31212, 0 1px #f31212, 1px 0 #f31212, 0 -1px #f31212;
	text-transform: uppercase;
	opacity: 0.86; transition: opacity 0.2s ease 0s;
}
.bodies:hover h2 {

opacity: 0.7;
}
#body01 {
    margin-left: 0%;
    margin-top: 31%;
}
#body02 {
margin-left: 30.5%;
    margin-top: 14.5%;
}
#content-img #body02 h2 {
    left: 17%;
}
#body03 {
    margin-left: 61%;
    margin-top: 31%;
}
#content-img #body03 h2 {
    left: 21%;
}
#body04 {
margin-left: 27.9%;
    margin-top: 47%;
}
#body04.bodies > a {
	font-size: 19.5px;
}
#body04.bodies {
    max-width: 151px;
    width: 42%;
}
#body05 {
    margin-left: 0%;
    margin-top: 66%;
}
#content-img #body05 h2 {
    left: 25%;
}
#body06 {
    margin-left: 61%;
    margin-top: 66%;
}
#content-img #body06 h2 {
    left: 20.5%;
}
#body07 {
    margin-left: 30.5%;
    margin-top: 84%;
}
#content-img #body07 h2 {
    left: 21%;
}




@media (max-width:500px) {

.back {
	background: url("images/back.png") no-repeat scroll center 10% transparent;

}
}
@media (max-width:740px) {
#body01 {
    margin-top: 26%;
}
#body02 {
    margin-top: 9.5%;
}
#body03 {
    margin-top: 26%;
}
#body04 {
    margin-top: 42%;
}
#body05 {
    margin-top: 61%;
}
#body06 {
    margin-top: 61%;
}
#body07 {
    margin-top: 79%;
}
}	
	
@media (max-width:350px) {
.bodies > a {
    font-size: 13.6px;
	}
	#body04.bodies > a {
    font-size: 16.5px;
}
}	
@media (max-width:300px) {
.bodies > a {
    font-size: 11.6px;
	}
#body04.bodies > a {
    font-size: 14.5px;
}	
}	
@media (max-width:260px) {
.bodies > a {
    font-size: 10.6px;
	}
#body04.bodies > a {
    font-size: 13.5px;
}	
}
.numbers {
border: 1px solid red;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    color: red;
    margin-left: 17px;
    padding: 10px;
}
.views {
display:none;
}