@import url('https://fonts.googleapis.com/css?family=Cabin+Sketch&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css');

@font-face {font-family: "HooliganJF";
	src: url("font/25ca4588ae80cc33033ba7b4493d104a.eot"); /* IE9*/
	src: url("font/25ca4588ae80cc33033ba7b4493d104a.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	url("font/25ca4588ae80cc33033ba7b4493d104a.woff2") format("woff2"), /* chrome、firefox */
	url("font/25ca4588ae80cc33033ba7b4493d104a.woff") format("woff"), /* chrome、firefox */
	url("font/25ca4588ae80cc33033ba7b4493d104a.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url("font/25ca4588ae80cc33033ba7b4493d104a.svg#HooliganJF") format("svg"); /* iOS 4.1- */
}
@font-face {font-family: "Horsal";
	src: url("font/horseshoeslemonade.ttf"); /* IE9*/
	src: url("font/horseshoeslemonade.ttf?#iefix") format("truetype"), /* IE6-IE8 */
	url("font/horseshoeslemonade.otf") format("opentype") /* chrome、firefox */
}

html,
body {
    height: 100%;
	font-size: 1.2em;
    background: black !important;	
	color: white; 
	font-family: "HooliganJF", sans-serif;
	font-style: normal;
	font-weight: 400;	
}
.bketchup {
	color: #C71000;
}
.admquestion {
	width: 400px;
	float: left;
	border-color: yellow;
	border-style: solid;
	margin: 10px;
	padding: 5px;
}
.sel {
	background-color: grey;
}
.cent,.admquestion img, .question img {
	width: inherit;
	max-width: inherit;
	display:block;
}
.bmayo {
	color: #E0C800;
}
.t1 {
	font-size: 1.6em;
}
table *{
	vertical-align: top;
	text-align: center;
	font-size: 1.2em;
}
table {
	width: 100%;
}
video{ 
	width: 85%;
}
.ml2 {
	font-weight: 400;
	font-size: 3.5em;
}

.ml2 .letter {
	display: inline-block;
	line-height: 1em;
}
#manche, #manche_num {
	font-family: "Horsal";
	font-size: 1em;
	display: inline-block;
	margin: 5px;
	padding: 10px;
	transform: skew(20deg);
	background: black;
	color: white;
}
#manche_num {
	
}
#tmp {
	visibility: hidden;
	display: none;
}
table#score, table#part{
	width: 100%;
	height: 100%;
}
#info {
	font-size: 0.9em;
}
#visio {
	height: 600px;
}
.modal {
	max-width: none;
	width: initial;
	padding: initial;
}
.scoretd {
	font-size: 1.5em;
	width: 50%;
	padding: 5px;
	padding-left: 55px;
	text-align: center;
	height: 78px;
	background-size: 60px;
	background-repeat: no-repeat;
	font-family: 'Cabin Sketch', cursive;
	vertical-align: middle;
	
	
	text-shadow: 2px 2px #555;
}
#part {
	width: 400px;
}
.bonneReponse, .bonneReponse * {
	font-size: 1em;
	text-align: left;
	color:  orange;
	margin: 0px;
	text-indent: initial;
	/*font-weight: 400;
	font-size: 3.5em;*/
}

.bonneReponse .letter {
	display: inline-block;
	line-height: 1em;
}
.parttd{
	padding: 10px;
	padding-left: 50px;
	width: 50%;
	font-size: 20px;
	text-align: left;
	background-size: 40px;
	background-repeat: no-repeat;
	height: 140px;
	
	text-shadow: 2px 2px #555;
	
}
.titre {
	font-size: 40px;
	
}
#tvshape {
    position: relative;
    width: 400px;
    height: 320px;
    margin: 10px auto;
    border-radius: 50% / 10%;
    color: white;
    text-align: center;
    text-indent: .1em;
	
	background: rgb(0,0,0);
	background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(17,17,17,1) 25%, rgba(51,51,51,1) 100%); 
}
#btv {
	margin: auto;
	width: 460px;
	height: 340px; 
	background: rgb(140,112,4);
	background: linear-gradient(135deg, rgba(140,112,4,1) 0%, rgba(207,165,5,1) 50%, rgba(246,204,43,1) 100%); border-width:5px;  
	border-color: grey;
	border-width: 10px;
    border-style:double;
}
#question {
	border: black;
	border-width: 5px;
	position: absolute;
    width: 400px;
    height: 280px;
	font-size: 0.7em;
    margin: 20px auto;
	text-align: left;
	overflow: auto;
}
#tvshape:before {
    content: "";
    position: absolute;
    top: 10%;
    bottom: 10%;
    right: -5%;
    left: -5%;
    background: inherit;
    border-radius: 5% / 50%;
}

#tvshape {
    background-position: center center;
}

/* no longer necessary
	#tvshape img {
    height:100%;
    width:100%;
} */

#buzzer {
	width: 250px;
	margin: 10px;
}
#scoreK, #partK {
	background-color: #C71000;
	background-image: url('img/ketchup.svg');
}
#scoreM, #partM {
	background-color: #E0C800;
	background-image: url('img/mayo.svg');
}
/* HIDE RADIO */
[type=radio] { 
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

/* IMAGE STYLES */
[type=radio] + img {
	cursor: pointer;
	margin: 5px;
	padding: 10px;
}

/* CHECKED STYLES */
[type=radio]:checked + img {
	outline: 2px solid #C71000;
	background-color: #E0C800;
}
[type=radio]:hover + img {
	outline: 2px solid #C71000;
}
form {
	text-align: center;
	margin: auto;
}
form .error {
	color: #E0C800;
	text-align: center;
	background-color: #C71000;
	margin: 5px;
	padding: 5px;
}
.inline *{
	display: inline-block;
    vertical-align: top;
    margin-right: 3%;
}
/*float: middle;*/
/*width:24.5%;/* rounding error */
white-space:nowrap;
}
.inline {
	white-space:nowrap;
	float: none;
	clear: both;
	width: 100%;
}
.inline::after,.lb {
	clear: both;
	}