/*FONTS*/
@font-face{
  font-family: Montserrat-Black_1;
  src: url('../Modele/LuckyGame/BaseFonts/Montserrat-Black_1.ttf');
}
@font-face{
  font-family: Montserrat-Medium_1;
  src: url('../Modele/LuckyGame/BaseFonts/Montserrat-Medium_1.ttf');
}
@font-face{
  font-family: Montserrat-Regular_1;
  src: url('../Modele/LuckyGame/BaseFonts/Montserrat-Regular_1.ttf');
}
@font-face{
  font-family: MyriadPro-Regular_1;
  src: url('../Modele/LuckyGame/BaseFonts/MyriadPro-Regular_1.ttf');
}


/*Variables CSS*/
:root{
  --coulFond: #59c2e7;
  --BtnStdWidth: 900px;
  --BtnStdHeight: 120px;
  --BtnAnimWidth: 900px;
  --BtnAnimHeight: 120px;
  --BtnDiaWidth: 500px;
  --fontBtnStdSize: 71px;
  --fontBtnAnimSize: 70px;
  --fontBtnDiaSize: 71px;
  --fontBtnLienSize: 32px;
  --fontTxtFondSize: 49px;
  --fontTxtDiaSize: 64px;
  --fontTxtInputSize: 64px;
  --fontTxtOptSize: 45px;
  --btnStdFond: #1385bb;
  --btnStdText: #ffffff;
  --btnStdBord: #1388c0;
  --btnAnimFond: #1487bf;
  --btnAnimText: #ffffff;
  --btnAnimBord: #1388c0;
  --btnAnimBordBis: #1388c000;
  --btnAnimDuree: 0.3s;
  --txtOptTxt: #fcfdfd;
  --txtOptCoche: #398aba;
  --txtFondCoulTxt: #1487bf;
  --CelDiaCoulTxt: #398aba;
  --CelDiaCoulFond: #ffffff;
}


/*FIXE*/
button{
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
 }
 
 *:focus {outline:none !important;}
 *{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; -webkit-tap-highlight-color: transparent !important; } 
 button:active {outline:none !important; opacity: 0.3 !important; animation: none !important}

.BtnImg{
  border-radius: 0px;
  border: none;
}
.BtnStd
{
  font-size: var(--fontBtnStdSize);
  width: var(--BtnStdWidth);
  padding-right: 0px;
}
.BtnAnim
{
  font-size: var(--fontBtnAnimSize);
  width: var(--BtnAnimWidth);
  background-color: var(--btnAnimFond);
  color: var(--btnAnimText);
  border-color: var(--btnAnimBord);
  padding-right: 0px;
}
.BtnDia
{
  font-size: var(--fontBtnDiaSize);
  padding-right: 0px;
 }
.BtnLien{
  font-size: var(--fontBtnLienSize);
  border: none;
  background-color: #00000000;
  padding-right: 0px;
}
.TxtFond{
  font-size: var(--fontTxtFondSize);
  color: var(--txtFondCoulTxt);
  border: none;
}
.TxtDia{
  font-size: var(--fontTxtDiaSize);
  color: var(--CelDiaCoulTxt);
  border: none;
}
.TxtInput{
  font-size: var(--fontTxtInputSize);
}
.CelFond{
  background-color: var(--coulFond);
}
.CelDia{
  background-color: var(--CelDiaCoulFond);
}
.CelSel{
}
.SelInput{
   font-size: var(--fontTxtInputSize);
   padding-right: 0px;
}

input[type="date"]
{
    display:block;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
}

.TxtHtml a{
  color: inherit;
}

.TxtHtml a:visited {
  color: inherit;
}

/*PRESET*/
.BtnStd
{
  border-radius: 20px;
  border: none;
  box-shadow:  5px 5px 15px #0f0f0f;
}
.BtnAnim
{
  border-radius: 20px;
  border: none;
}
.BtnDia
{
  border-radius: 20px;
  border: solid 2px;
  box-shadow:  5px 5px 15px #0f0f0f;
 }
.BtnLien{
}
.TxtDia{
}
.TxtInput{
  width: 900px;
  height: 120px;
  /*border-radius: 20px;*/
  border: none;
  /*border-bottom: 4px solid var(--txtOptTxt);*/
  background-position: 0px 0px;
  background-size: 900px 120px;
  background-repeat: no-repeat;
}
.CelDia{
 border-radius: 15px;
 background-color: #ffffff;
}
.CelSel{
  outline: none;
  width: 900px;
  height: 120px;
  //border-radius: 20px;
  border: none;
  /*border-bottom: 4px solid var(--txtOptTxt);*/
  background-position: 0px 0px;
  background-size: 900px 120px;
  background-repeat: no-repeat;
}
#SAI_Montant1{
  padding: 0px;
  text-align: center;
}
.SelInput{
    outline: none;
    background-color: transparent;
    border: none;
    width: 800px;
    height: 120px;
}

.CelOpt{
    width: 900px;
}
.CelBtnOpt{
    position: absolute;
}
.CelOptErr{
    position: absolute;
    visibility: hidden;
    margin-top: 0px;
    margin-left: 0px;
    width: 50px;
    height: 50px;
    border: 1px solid var(--txtOptTxt);
    border-radius: 5px;
}
.CelLabOpt{
    margin-left: 75px;
}
.TxtOpt{
    color: var(--txtOptTxt);
    font-size: var(--fontTxtOptSize);
    text-align: justify;
}
/* Aspect de la case */
[type="checkbox"]:not(:checked) + label::before,
[type="checkbox"]:checked + label::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 50px;
	border: 1px solid var(--txtOptTxt);
	background: #ffffff;
	border-radius: 5px;
}
/* Aspect de la coche */
[type="checkbox"]:not(:checked) + label::after,
[type="checkbox"]:checked + label::after {
	content: '\2714';
	position: absolute;
	left: 5px;
	top: -10px;
     	width: 25px;
	height: 50px;
	font-size: 50px;
	color: var(--txtOptCoche);
}
[type="checkbox"]:not(:checked) + label::after {
	opacity: 0;
}
[type="checkbox"]:checked + label::after {
	opacity: 1;
}

/*VARIABLE*/
html{
  background-image: url('');
  background-color: var(--coulFond);
}
body{
  background-color: transparent;
}

.BtnStd{
  background-color: #1385bbff;
  background-image: url('');
  color: #ffffff;
  border-color: #1388c0;
  letter-spacing: 0px;
  font-family: Montserrat-Black_1;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

.BtnAnim{
  background-image: url('');
  letter-spacing: 0px;
  font-family: Montserrat-Black_1;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}
.BtnAnim{
  animation: animPulse;
  animation-duration: var(--btnAnimDuree);
  animation-iteration-count: infinite;
}
@keyframes animPulse {
  from {box-shadow: 0 0 0 0px  var(--btnAnimBord)}
  to {box-shadow: 0 0 0 50px  var(--btnAnimBordBis)}
}

.BtnDia{
  background-color: #2088bd;
  color: #ffffff;
  border-color: #1388c0;
  letter-spacing: 0px;
  font-family: Montserrat-Black_1;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

.CelLien{
  background-color: #ffffff00;
}
.BtnLien{
  color: #398abaff;
  letter-spacing: 0px;
  font-family: Montserrat-Regular_1;
  font-weight: normal;
  font-style: normal;
  text-decoration: underline;
}

.TxtFond{
  letter-spacing: 0px;
  font-family: Montserrat-Medium_1;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

.TxtDia{
  letter-spacing: 0px;
  font-family: MyriadPro-Regular_1;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

.TxtInput{
  background-color: #ffffffff;
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);
  color: #000000;
  letter-spacing: 0px;
  font-family: MyriadPro-Regular_1;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  border-color: #a51642;
  padding-left: 41px;
}
.CelSel{
  background-color: #ffffffff;
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);
  border-color: #a51642;
}
.SelInput{
  color: #8b8484;
  letter-spacing: 0px;
  font-family: MyriadPro-Regular_1;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  padding-left: 41px;
}
.SelInputNorm{
  color: #000000;
  letter-spacing: 0px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}
.TxtInput::placeholder{
  color: #8b8484;
  letter-spacing: 0px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

.TxtOpt{
  letter-spacing: 0px;
  font-family: MyriadPro-Regular_1;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}