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


/*Variables CSS*/
:root{
  --coulFond: #7e3a89;
  --BtnStdWidth: 550px;
  --BtnAnimWidth: 550px;
  --BtnDiaWidth: 500px;
  --fontBtnStdSize: 37px;
  --fontBtnAnimSize: 35px;
  --fontBtnDiaSize: 40px;
  --fontBtnLienSize: 44px;
  --fontTxtFondSize: 47px;
  --fontTxtDiaSize: 54px;
  --fontTxtInputSize: 54px;
  --fontTxtOptSize: 33px;
  --btnStdFond: #ffffff;
  --btnStdText: #7e3a89;
  --btnStdBord: #ffffff;
  --btnAnimFond: #ffffff;
  --btnAnimText: #7e3a89;
  --btnAnimBord: #ffffff;
  --btnAnimBordBis: #ffffff00;
  --btnAnimDuree: 0.5s;
  --txtOptTxt: #ffffff;
  --txtOptCoche: #ffffff;
  --txtFondCoulTxt: #ffffff;
  --CelDiaCoulTxt: #ffffff;
  --CelDiaCoulFond: #843d90;
}


/*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}

.BtnStd
{
  font-size: var(--fontBtnStdSize);
  padding-right: 0px;
}
.BtnAnim
{
  font-size: var(--fontBtnAnimSize);
  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: 2px solid;
  /*border-bottom: 3px solid;*/
  background-position: 0px 0px;
  background-size: 900px 120px;
  background-repeat: no-repeat;
}
.CelDia{
 //border-radius: 15px;
}
.CelSel{
  outline: none;
  width: 900px;
  height: 120px;
  border-radius: 0px;
  border: solid 2px;
  /*border: none;*/
  /*border-bottom: 3px solid;*/
  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: 2px 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: #ffffffff;
  background-image: url('');
  color: #7e3a89;
  border-color: #ffffff;
  letter-spacing: 0px;
  font-family: Calibri;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

.BtnAnim{
  letter-spacing: 0px;
  font-family: Calibri;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}


.BtnDia{
  background-color: #ffffff;
  color: #7e3a89;
  border-color: #ffffff;
  letter-spacing: 0px;
  font-family: Calibri;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
}

.CelLien{
  background-color: #ffffff00;
}
.BtnLien{
  color: #ffffffff;
  letter-spacing: 0px;
  font-family: Calibri;
  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: Calibri;
  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: Calibri;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  border-color: #000000;
  padding-left: 60px;
}
.CelSel{
  background-color: #ffffffff;
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);
  border-color: #000000;
}
.SelInput{
  color: #949494;
  letter-spacing: 0px;
  font-family: Calibri;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  padding-left: 60px;
}
.SelInputNorm{
  color: #000000;
  letter-spacing: 0px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}
.TxtInput::placeholder{
  color: #949494;
  letter-spacing: 0px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

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