/*FONTS*/
@font-face{
  font-family: Brother_XS_Regular;
  src: url('../Modele/connectes/BaseFonts/Brother_XS_Regular.ttf');
}
@font-face{
  font-family: FuturaBoldBT;
  src: url('../Modele/connectes/BaseFonts/FuturaBoldBT.ttf');
}
@font-face{
  font-family: FuturaMediumBT;
  src: url('../Modele/connectes/BaseFonts/FuturaMediumBT.ttf');
}
@font-face{
  font-family: Neonline-Regular;
  src: url('../Modele/connectes/BaseFonts/Neonline-Regular.ttf');
}


/*Variables CSS*/
:root{
  --coulFond: #321449;
  --BtnStdWidth: 800px;
  --BtnStdHeight: 120px;
  --BtnAnimWidth: 800px;
  --BtnAnimHeight: 150px;
  --BtnDiaWidth: 500px;
  --fontBtnStdSize: 66px;
  --fontBtnAnimSize: 90px;
  --fontBtnDiaSize: 53px;
  --fontBtnLienSize: 52px;
  --fontTxtFondSize: 46px;
  --fontTxtDiaSize: 45px;
  --fontTxtInputSize: 64px;
  --fontTxtOptSize: 40px;
  --btnStdFond: #2efefc;
  --btnStdText: #ffffff;
  --btnStdBord: #ffffff;
  --btnAnimFond: #38f3f7;
  --btnAnimText: #ffffff;
  --btnAnimBord: #ffffff;
  --btnAnimBordBis: #ffffff00;
  --btnAnimDuree: 1.2s;
  --txtOptTxt: #ffffff;
  --txtOptCoche: #321449;
  --txtFondCoulTxt: #ffffff;
  --CelDiaCoulTxt: #321449;
  --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}

.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*/
h6 {
    color: #FF69B4; /* Couleur rose */
    text-shadow:
      0 0 5px #FF69B4, /* Lueur principale */
      0 0 10px #FF69B4,
      0 0 20px #FF69B4,
      0 0 40px #FF1493, /* Lueur plus intense */
      0 0 80px #FF1493,
      0 0 100px #FF1493;
}

.BtnStd
{
  border-radius: 100px;
  border: none;
}
.BtnAnim
{
  border-radius: 100px;
  border: none;
  //box-shadow:  5px 5px 15px #0f0f0f;
box-shadow:
      0 0 5px #FF69B4, /* Lueur principale */
      0 0 10px #FF69B4,
      0 0 20px #FF69B4,
      0 0 40px #FF1493, /* Lueur plus intense */
      0 0 80px #FF1493,
      0 0 100px #FF1493;
text-shadow:
      0 0 5px #FF69B4, /* Lueur principale */
      0 0 10px #FF69B4,
      0 0 20px #FF69B4,
      0 0 40px #FF1493, /* Lueur plus intense */
      0 0 80px #FF1493,
      0 0 100px #FF1493;
}
.BtnDia
{
  border-radius: 100px;
  //border: solid 2px;
  //box-shadow:  5px 5px 15px #0f0f0f;
 }
.BtnLien{
}
.TxtFond{
}
.TxtDia{
}
.TxtInput{
  width: 900px;
  height: 120px;
  /*border-radius: 100px;*/
  border: none;
  border-bottom: 4px solid var(--txtOptTxt);
  background-position: 0px 0px;
  background-size: 900px 120px;
  background-repeat: no-repeat;
  padding-left: 50px;
}
#SAI_Montant1{
  padding: 0px;
  text-align: center;
}
.CelDia{
 //border-radius: 100px;
}
.CelSel{
  outline: none;
  width: 900px;
  height: 120px;
  /*border-radius: 100px;*/
  border: none;
  border-bottom: 4px solid var(--txtOptTxt);
  background-position: 0px 0px;
  background-size: 900px 120px;
  background-repeat: no-repeat;
}
.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: #2efefcff;
  background-image: url('');
  color: #ffffff;
  border-color: #ffffff;
  letter-spacing: 0px;
  font-family: Brother_XS_Regular;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

.BtnAnim{
  background-image: url('');
  letter-spacing: 0px;
  font-family: Brother_XS_Regular;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}
.BtnAnim{
  animation-name: shake;
  animation-timing-function: cubic-bezier(.5,-0.25,.75,1);
  animation-duration: var(--btnAnimDuree);
  animation-iteration-count: infinite;
  /*animation-direction: alternate;*/
}
@keyframes shake {
  20% {
    transform: translate3d(20px, 0, 0);
  }
  40% {
    transform: translate3d(0px, 0, 0);
  }
}

.BtnDia{
  background-color: #35f6f8;
  color: #ffffff;
  border-color: #ffffff;
  letter-spacing: 0px;
  font-family: Brother_XS_Regular;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

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

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

.TxtDia{
  letter-spacing: 3px;
  font-family: Brother_XS_Regular;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

.TxtInput{
  background-color: #ffffffff;
  backdrop-filter: blur(129px);
  -webkit-backdrop-filter: blur(129px);
  color: #321449;
  letter-spacing: 0px;
  font-family: Brother_XS_Regular;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  border-color: #f71818;
  padding-left: 38px;
}
.CelSel{
  background-color: #ffffffff;
  backdrop-filter: blur(129px);
  -webkit-backdrop-filter: blur(129px);
  border-color: #f71818;
}
.SelInput{
  color: #d2cbcb;
  letter-spacing: 0px;
  font-family: Brother_XS_Regular;
  font-weight: normal;
  font-style: italic;
  text-decoration: underline;
  padding-left: 38px;
}
.SelInputNorm{
  color: #321449;
  letter-spacing: 0px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}
.TxtInput::placeholder{
  color: #d2cbcb;
  letter-spacing: 0px;
  font-weight: normal;
  font-style: italic;
  text-decoration: underline;
}

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