/* Fonts */
@font-face{font-family:"Calibri";src:url(http://mangetoica.com/wp-content/themes/MangetoicaV5/assets/fonts/calibrir.ttf),url(http://mangetoica.com/wp-content/themes/MangetoicaV5/assets/fonts/calibrir.eot);font-weight:400;}
@font-face{font-family:"CalibriLight";src:url(http://mangetoica.com/wp-content/themes/MangetoicaV5/assets/fonts/calibril.ttf),url(http://mangetoica.com/wp-content/themes/MangetoicaV5/ssets/fonts/calibril.eot);font-weight:300;}
@font-face{font-family:"CalibriBold";src:url(http://mangetoica.com/wp-content/themes/MangetoicaV5/assets/fonts/calibrib.ttf),url(http://mangetoica.com/wp-content/themes/MangetoicaV5/assets/fonts/calibrib.eot);font-weight:bold;}

/* Mise en page */

html[data-useragent*='rv:11.0']
{
    font-family: arial;
}

html{
	font-family: "Calibri",verdana,tahoma,arial;
}

body{
	background-color: #e3e3db;
	background-image:url(http://mangetoica.com/wp-content/themes/MangetoicaV5/images/bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	font-size:13px;
	margin:0;
	color: #404040;
}

*,*:before,*:after{
	-webkit-box-sizing:border-box;
	-khtml-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}

a{
	color:#778695;
	text-decoration:none;
}

a:hover{
	color:#778695;
	text-decoration: underline;
}

/* Appartement */

.appart {
	background-image:url(http://mangetoica.com/wp-content/themes/MangetoicaV5/images/flat2.png);
	width: 1024px;
	height: 1500px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -300px;
	position: relative;
}

.item:hover {
	opacity: 0.5;
	cursor: pointer;
}

#equipe {
	background-image:url(http://mangetoica.com/wp-content/themes/MangetoicaV5/images/equipe.png);
	width: 114px;
	height: 142px;
	position: absolute;
	top: 739px;
	left: 318px;
}

#communique {
	background-image:url(http://mangetoica.com/wp-content/themes/MangetoicaV5/images/communique.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 126px;
	height: 124px;
	position: absolute;
	top: 340px;
	left: 800px;
}

#player_radio {
	display: none;
	position: absolute;
	top: 330px;
	left: 470px;
}

#histoire {
	background-image:url(http://mangetoica.com/wp-content/themes/MangetoicaV5/images/histoire.png);
	width: 152px;
	height: 204px;
	position: absolute;
	top: 805px;
	left: 35px;
}

#catalogue {
	background-image:url(http://mangetoica.com/wp-content/themes/MangetoicaV5/images/catalogue.png);
	width: 130px;
	height: 129px;
	position: absolute;
	top: 925px;
	left: 222px;
}


#articles {
	background-image:url(http://mangetoica.com/wp-content/themes/MangetoicaV5/images/articles.png);
	width: 391px;
	height: 264px;
	position: absolute;
	top: 699px;
	left: 608px;
}

#habbo {
	background-image:url(http://mangetoica.com/wp-content/themes/MangetoicaV5/images/habbo.png);
	width: 109px;
	height: 133px;
	position: absolute;
	top: 523px;
	left: 765px;
}

#whc {
	background-image:url(http://mangetoica.com/wp-content/themes/MangetoicaV5/images/whc.png);
	width: 184px;
	height: 218px;
	position: absolute;
	top: 461px;
	left: 503px;
}

#blog {
	background-image:url(http://mangetoica.com/wp-content/themes/MangetoicaV5/images/blog.png);
	width: 274px;
	height: 276px;
	position: absolute;
	top: 946px;
	left: 455px;
}

#habbowood {
	background-image:url(http://mangetoica.com/wp-content/themes/MangetoicaV5/images/habbowood.png);
	width: 171px;
	height: 192px;
	position: absolute;
	top: 1093px;
	left: 69px;
}

#trax {
	background-image:url(http://mangetoica.com/wp-content/themes/MangetoicaV5/images/trax.png);
	width: 338px;
	height: 232px;
	position: absolute;
	top: 1064px;
	left: 240px;
}

#contact {
	background-image:url(http://mangetoica.com/wp-content/themes/MangetoicaV5/images/contact.png);
	width: 51px;
	height: 75px;
	position: absolute;
	top: 1199px;
	left: 689px;
}

#twitter {
	background-image:url(http://mangetoica.com/wp-content/themes/MangetoicaV5/images/twitter.png);
	width: 252px;
	height: 213px;
	position: absolute;
	top: 450px;
	left: 170px;
	overflow: hidden;
	padding: 10px;
}

#MTR {
	background-image:url(http://mangetoica.com/wp-content/uploads/2018/02/BAN_MTC_RADIO18.png);
	width: 330px;
	height: 482px;
	position: absolute;
	top: 360px;
	left: -150px;
	overflow: hidden;
	padding: 10px;
}

#frank {
	background-image:url(http://mangetoica.com/wp-content/themes/MangetoicaV5/images/frank.gif);
	width: 67px;
	height: 99px;
	position: absolute;
	top: 1274px;
	left: 87px;
}

#gallerie {
	background-image:url(http://mangetoica.com/wp-content/themes/MangetoicaV5/images/gallerie2.png);
	width: 111px;
	height: 145px;
	position: absolute;
	top: 966px;
	left: 877px;
}

#livre {
	background-image:url(http://mangetoica.com/wp-content/themes/MangetoicaV5/images/livre2.png);
	width: 107px;
	height: 110px;
	position: absolute;
	top: 826px;
	left: 494px;
}

a.page.larger, .current, .nextpostslink, .last {
	padding: 5px;
}

#gwolle_gb {
	border: #e4e4e4 1px solid;
	background-color: #fcfcfc;
	border-radius: 3px;
	padding: 10px;
}

.gb-entry {
	background-color: #efefef;
	padding: 10px;
	margin-top: 5px;
}

.gb-author-avatar {
	display: none;
}

.gb-author-name {
	font-weight: bold;
}

.gb-entry-content {
	margin-top: 10px;
}

/* Copyright */

.copyright {
	width: 100%;
	text-align: center;
	color: white;
	margin-top: 30px;
	margin-bottom: 30px;
	opacity: 0.5;
}

.copyright:hover {
	opacity: 1;
	cursor: default;
}

/* Popup */

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 900px; /* Could be more or less, depending on screen size */
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}