/*
Couleur ADF
---- Bleu ----
Principal : #082D61
Secondaire Print : #0762C8
Secondaire Numérique : #2255F5
---- Gris ----
Carbone : #2E2E2E
SOMBRE : #808080
PERLE : #EDEDED
*/
@font-face {
	font-family: "ADF";
	src: url("font/Gotham-Black-Regular.ttf");
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: "ADF";
	src: url("font/Gotham-Bold.otf");
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: "ADF";
	src: url("font/Gotham-Medium.otf");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "ADF";
	src: url("font/Gotham-Light.otf");
	font-weight: 300;
	font-style: normal;
}
body{
	font-family: "ADF";
	font-weight: 300;
	color : #EDEDED;
	background-color: #082d61;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 1000'%3E%3Cg %3E%3Ccircle fill='%23082d61' cx='50' cy='0' r='50'/%3E%3Cg fill='%23003467' %3E%3Ccircle cx='0' cy='50' r='50'/%3E%3Ccircle cx='100' cy='50' r='50'/%3E%3C/g%3E%3Ccircle fill='%23003c6c' cx='50' cy='100' r='50'/%3E%3Cg fill='%23004370' %3E%3Ccircle cx='0' cy='150' r='50'/%3E%3Ccircle cx='100' cy='150' r='50'/%3E%3C/g%3E%3Ccircle fill='%23004973' cx='50' cy='200' r='50'/%3E%3Cg fill='%23005074' %3E%3Ccircle cx='0' cy='250' r='50'/%3E%3Ccircle cx='100' cy='250' r='50'/%3E%3C/g%3E%3Ccircle fill='%23005674' cx='50' cy='300' r='50'/%3E%3Cg fill='%23005c74' %3E%3Ccircle cx='0' cy='350' r='50'/%3E%3Ccircle cx='100' cy='350' r='50'/%3E%3C/g%3E%3Ccircle fill='%23006272' cx='50' cy='400' r='50'/%3E%3Cg fill='%23006870' %3E%3Ccircle cx='0' cy='450' r='50'/%3E%3Ccircle cx='100' cy='450' r='50'/%3E%3C/g%3E%3Ccircle fill='%23006d6e' cx='50' cy='500' r='50'/%3E%3Cg fill='%2300736b' %3E%3Ccircle cx='0' cy='550' r='50'/%3E%3Ccircle cx='100' cy='550' r='50'/%3E%3C/g%3E%3Ccircle fill='%23127868' cx='50' cy='600' r='50'/%3E%3Cg fill='%232d7d65' %3E%3Ccircle cx='0' cy='650' r='50'/%3E%3Ccircle cx='100' cy='650' r='50'/%3E%3C/g%3E%3Ccircle fill='%233f8163' cx='50' cy='700' r='50'/%3E%3Cg fill='%23508661' %3E%3Ccircle cx='0' cy='750' r='50'/%3E%3Ccircle cx='100' cy='750' r='50'/%3E%3C/g%3E%3Ccircle fill='%235f8a60' cx='50' cy='800' r='50'/%3E%3Cg fill='%236e8e60' %3E%3Ccircle cx='0' cy='850' r='50'/%3E%3Ccircle cx='100' cy='850' r='50'/%3E%3C/g%3E%3Ccircle fill='%237d9261' cx='50' cy='900' r='50'/%3E%3Cg fill='%238b9663' %3E%3Ccircle cx='0' cy='950' r='50'/%3E%3Ccircle cx='100' cy='950' r='50'/%3E%3C/g%3E%3Ccircle fill='%23999966' cx='50' cy='1000' r='50'/%3E%3C/g%3E%3C/svg%3E");
	background-attachment: fixed;
	background-size: contain;
}
input.form-control{
	border-radius: 0;
	background-color: transparent;
	color: #fff;
	border-top : 0;
	border-left : 0;
	border-right : 0;
	border-bottom-color: #fff;
	padding-left: 4px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-style: dashed;
	height: auto;
	font-weight: 300;
}
input.form-control:focus{
	background-color: transparent;
	border-style: solid;
	border-bottom-color: #fff;
	border-top : none;
	border-left : none;
	border-right : none;
	box-shadow: none;
	opacity: 1;
	color: #fff;
	font-weight: 300;
}
input.form-control::placeholder {
	color: #fff;
	font-size: 1em;
	font-weight: 300;
	opacity: 0.5;
}
.animBtn{
	cursor: pointer;
}
#mediaBox, #controlBox, #qrBox{
	display: none;
}
#qrBox, #controlBox, #warningBox{
	background-color: rgba(0, 0, 0, 0.4);
}
/* G A I N */
.gNext, .gPrev{
	color: rgba(255, 255, 255, 0.7);
}
.gCurent{
	border-radius: 3px;
	font-weight: 500;
	background: rgb(34,85,245);
	background: -moz-radial-gradient(circle, rgba(34,85,245,1) 0%, rgba(8,45,97,1) 75%);
	background: -webkit-radial-gradient(circle, rgba(34,85,245,1) 0%, rgba(8,45,97,1) 75%);
	background: radial-gradient(circle, rgba(34,85,245,1) 0%, rgba(8,45,97,1) 75%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2255f5",endColorstr="#082d61",GradientType=1);
}
.btn-outline-warning{
	border-color: #062147;
	background-color: #082D61;
}
.progress{
	background-color: transparent;
}
/* J O K E R S */
button.use{
	text-decoration: line-through;
}
button.use:hover{
	text-decoration: line-through;
	cursor: not-allowed;
}

/* Q U E S T I O N */
#question{
	font-size: 1.6vw;
}
#reponses{
	padding : 0px 15px;
}
#reponses > .col, .reponsesSupp > .col{
	margin : 0.5%;
	cursor: pointer;
}
#reponses > .col:hover , .reponsesSupp > .col:hover{
	background-color: #082d61;
	border-color: #2255F5 !important;
}
.nbRep{
	font-weight: bolder;
}

/* J E U */
.mediaImage, .qrList, .gainList, .timeBox, .jockerList, .statJocker, .expertJocker, #conf, .pauseRep, .newQ, .reponseBox, .okTitre, .nOkTitre, .resultat, .jeuSupp, .endOfTime, .qrVideo, .animForm, .zoomAlert, .repAffterVideo{
	display: none;
}
/* STATS */
.graph{
	position: relative;
	height: 200px;
	width: 100%;
}
.graph > span{
	color: #EDEDED;
	font-weight: 400;
}
.bar{
	bottom: 0;
	width: 100%;
	position: absolute;
	 background: rgb(113,158,222);
	background: -moz-linear-gradient(45deg, rgba(113,158,222,1) 0%, rgba(153,153,102,1) 67%);
	background: -webkit-linear-gradient(45deg, rgba(113,158,222,1) 0%, rgba(153,153,102,1) 67%);
	background: linear-gradient(45deg, rgba(113,158,222,1) 0%, rgba(153,153,102,1) 67%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#719ede",endColorstr="#999966",GradientType=1); 
	
}
*[disabled]{
	cursor: not-allowed;
}
.timeTitre{
	z-index: 10;
}
#warningBox > div{
	z-index: 10;
	position: relative;
}
#ams{
	position: fixed;
	z-index: 1;
	bottom: 0;
	left: 0;
	width: 100%;
}
.selectGroupe{
	font-size: 0.8em;
	height: 2.3em;
}
.btnReponse{
	min-height: 68px;
}
.toBottomBox{
	position: absolute;
	top : 50vh;
	z-index: 15;
}