@CHARSET "UTF-8";

.maHouse .title {
    background-image: url('/public/common/images/logoMorskoul.png');
    background-size: 80px;
    background-repeat: no-repeat;
    background-position: 95%;
}
.maHouse .title h1 {
    background-image: url("/public/morskoul/houses/images/maHouse48.png");
    background-size: 50px;
}

#globalTab {
	
}
#title {
	top: 1vh;
	text-align: center;
	color: #fff;
	font-size: 3vh;
	position: absolute;
	width: 100%;
	background-image: url("/public/morskoul/houses/images/maHouseFull48.png");
	background-repeat: no-repeat;
	background-position: 2vw 1vh;
	font-family: arial;
	background-size: 10vw;
}
#title * {
	margin: 0.5vh 0;
	padding: 0 13vw;
	text-shadow: 1px 1px #fff;
	color: #000;
	line-height: 4vh;
}
#globalTab.globalVue .globalVue,
#globalTab.classeVue .classeVue {
	display: inline-block;
}
#globalTab.globalVue .classeVue,
#globalTab.classeVue .globalVue {
	display: none;
}

#bodyTab {
	text-align : center;
}
#footerTab {
	position: absolute;
	text-align: center;
	bottom: 7vh;
	width: 100%;
	margin: 1vh 0;
	line-height: 5vh;
}
.house {
	display: inline-block;
/* 	width: 17.5vw; */
	width: 25%;
	height: 83vh;
	margin: 0;
	padding: 15vh 0 0 0;
	border-radius: 0 0 100% 100%/0 0 15% 15%;
}
.house .content{
	background-position: center 5px;
	background-repeat: no-repeat;
	background-size: 29vh;
	padding-top: 37.2vh;
	background-color: #000;
	margin: 1vw;
	position: relative;
}
/* .house.crow .content{ */
/* 	background-image: url('/public/morskoul/houses/images/crow.png') */
/* } */
/* .house.squirrel .content{ */
/* 	background-image: url('/public/morskoul/houses/images/squirrel.png') */
/* } */
/* .house.stag .content{ */
/* 	background-image: url('/public/morskoul/houses/images/stag.png') */
/* } */
/* .house.wolf .content{ */
/* 	background-image: url('/public/morskoul/houses/images/wolf.png') */
/* } */

.house.best .content::after{
	content: "";
/* 	background-image: url('/public/morskoul/houses/images/logoLeCedreOR.png'); */
	background-repeat: no-repeat;
	display: block;
	height: 6vw;
	width: 6vw;
	position: absolute;
	top: -1.5vw;
	left: -1.5vw;
	background-position: top left;
	background-size: contain;
}

/* .house.crow{ */
/* 	background-color: #399EFF; */
/* } */
/* .house.squirrel{ */
/* 	background-color: #DCEA93; */
/* } */
/* .house.stag{ */
/* 	background-color: #70C292; */
/* } */
/* .house.wolf{ */
/* 	background-color: #AA8EEF; */
/* } */

.houseName{
	margin: 1vh 0;
	font-size: 3vh;
	line-height: 3vh;
	display: none;
}
.pnlScore {
	font-size: 12vh;
	text-align: center;
/* 	background-color: #000; */
	border-radius : 0 0 1.2vw 1.2vw;
	color: #fff;
	position: relative;
}
.score{

}
.classeVue .house .button {
	height:100%;
	width: 50%;
	position : absolute;
	top: 0;
}
.classeVue .house .button span{
	color : #aaa;
	display:none;
	cursor: pointer;
}
.classeVue .house .button:hover {
/* 	#f1df00 */
/* 	background-color: rgba(0,0,0,0.3); */
/* 	background-color: rgba(241,223,0,0.3);  */
}
.classeVue .house .button:hover span{
	display: block;
}
.classeVue .house .moins{
	left:0;
	border-bottom-left-radius: 1.5rem;
}
.classeVue .house .plus{
	right:0;
	border-bottom-right-radius: 1.5rem;
}
.classeVue .house .moins span{
text-align: left;
}
.classeVue .house .plus span{
text-align: right;
}
.globalVue .house .button {
	display: none;
}
button.changeMode{
	font-size: 20pt;
	padding: 1vh 4vw;
	position: relative;
	margin: 0 1vw;
	line-height: 8vh;
	border-radius: 100% / 10%;
	border: solid 2px #fff;
	background-color: #000;
	color: #fff;
}
button.changeMode:hover{
	border: solid 2px #000;
	background-color: #fff;
	color: #000;
}

select#etab {
	border-radius: 100% 2%/10% 100%;
	border: solid #333 3px;
	color: #000;	
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background: #fff;
/*     font-weight: bold; */
    color: #000;
/*     font-size: 1.2em; */
    border: none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
	background: #ccc;
    color: #000;
    font-size: 1.2em;
	margin: 0.5em;
}
.ui-accordion-header-collapsed:hover{
	background-color: #333;
	color: white;
}
.ui-widget-content {
    border: none;
}
.ui-widget-content.text {
    border: 1px solid #ddd;
}
.ui-widget {
    font-family: Liberation sans Arial;
}
.ui-dialog-buttonset .ui-button {
	padding : 0.7em;
}
.ui-dialog-buttonset  {
	text-align : right;
}

p, .paragraph {
    margin: 1em 1em 1em 2em;
    text-align: justify;
}

.modeGraph {
	width: 100%;
	height : 50px;
}

.controlModeVisu label,
.controlModeVisu input {
	display : inline;
	width : auto;
	font-weight: normal;
}

@media all and (max-width: 1080px)
{
	#main {
		width: 100% !important;
	}
	#title {
		background-size: 15vw;
	}
	#title * {
		padding: 0 18vw;
	}
}

@media all and (min-width: 1650px) and (max-height : 400px)
{
	#title {
		background-size: 7vw;
	}
}

@media screen and (orientation: portrait) {
  	.pnlScore {
		font-size: 10vw;
	}
	#title {
		font-size : 3vw;
	}
	#title * {
		line-height: 5vw;
	}
	.house .content{
		background-size: 20vw;
		padding-top: 35vw;
	}
	#footerTab {
		bottom: 20vh;
	}
	button.changeMode{
		margin: 0;
		width: 95%;
	}
}