/*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;
  --animBord: #ffffff;
  --animBordBis: #ffffff00;
  --animFond: #38f3f7;
  --animText: #ffffff;
  --btnDiaWidth: 500px;
  --txtOptTxt: #ffffff;
  --txtOptCoche: #321449;
  --txtInputTxtCoul: #321449;
  --txtInputFondCoul: #ffffff;
  --txtInputPHCoul: #d2cbcb;
  --txtInputPHSize: 63px;
  --txtInputPHEcart: 0px;
  --celDiaRond: 36px;
  --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
{
  width: var(--btnStdWidth);
  height: var(--btnStdHeight);
  padding: 0px;
}
.BtnAnim
{
  width: var(--btnAnimWidth);
  height: var(--btnAnimHeight);
  padding: 0px;
}
.BtnDia
{
  width: var(--btnDiaWidth);
  padding: 0px;
 }
.BtnLien{
  background-color: transparent;
  border: none;
  padding: 0px;
}
.BtnImg{
  border-radius: 0px;
  border: none;
}

.TxtFond{
  border: none;
}
.TxtDia{
  border: none;
}
.TxtInput{
}
.TxtInput::placeholder{
}

.CelFond{
  background-color: var(--coulFond);
}
.CelDia{
  background-color: var(--celDiaCoulFond);
  border-radius: var(--celDiaRond);
}
.CelSel{
}
.SelInput{
  border: none;
  padding-right: 0px;
}

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

a{
  color: inherit;
}

a:visited {
  color: inherit;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 100px var(--txtInputFondCoul) inset !important;*/
    box-shadow: 0 0 0 100px var(--txtInputFondCoul) inset !important;*/
    -webkit-text-fill-color: var(--txtInputTxtCoul) !important;
}

/*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
{
}
.BtnAnim
{
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
{
 }
.BtnLien{
}
.TxtFond{
}
.TxtDia{
}
.TxtInput{
  width: 900px;
  height: 120px;
  background-position: 0px 0px;
  background-size: 900px 120px;
  background-repeat: no-repeat;
}
#SAI_Montant1{
  padding: 0px;
  text-align: center;
}
.CelDia{
}
.CelSel{
  width: 900px;
  height: 120px;
  background-position: 0px 0px;
  background-size: 900px 120px;
  background-repeat: no-repeat;
}
.SelInput{
    background-color: transparent;
    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: 2px 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('');
  border-radius: 57px;
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: none;
  color: #ffffff;
  font-family: Brother_XS_Regular;
  font-size: 66px;
  letter-spacing: 0px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

.BtnAnim{
  background-color: #38f3f7ff;
  background-image: url('');
  border-radius: 75px;
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: none;
  color: #ffffff;
  font-family: Brother_XS_Regular;
  font-size: 90px;
  letter-spacing: 0px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  animation-duration: 1.2s;
}
.BtnAnim{
  animation-name: shake;
  animation-timing-function: cubic-bezier(.5,-0.25,.75,1);
  animation-iteration-count: infinite;
}
@keyframes shake {
  20% {
    transform: translate3d(20px, 0, 0);
  }
  40% {
    transform: translate3d(0px, 0, 0);
  }
}

.BtnDia{
  background-color: #35f6f8ff;
  border-radius: 60px;
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: none;
  color: #ffffff;
  font-family: Brother_XS_Regular;
  font-size: 53px;
  letter-spacing: 0px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

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

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

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

.TxtInput{
  background-color: #ffffffff;
  border-radius: 0px;
  border-top: none;
  border-bottom: 5px solid #30fbfb;
  border-left: none;
  border-right: none;
  color: #321449;
  font-family: Brother_XS_Regular;
  font-size: 64px;
  letter-spacing: 0px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  padding-left: 38px;
}
.CelSel{
  background-color: #ffffffff;
  border-radius: 0px;
  border-top: none;
  border-bottom: 5px solid #30fbfb;
  border-left: none;
  border-right: none;
}
.SelInput{
  color: #d2cbcb;
  font-family: Brother_XS_Regular;
  font-size: 63px;
  letter-spacing: 0px;
  font-weight: normal;
  font-style: italic;
  text-decoration: none;
  padding-left: 38px;
}
.SelInputNorm{
  color: #321449;
  font-family: Brother_XS_Regular;
  font-size: 64px;
  letter-spacing: 0px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  padding-left: 38px;
}
.TxtInput::placeholder{
  color: var(--txtInputPHCoul);
  font-family: Brother_XS_Regular;
  font-size: var(--txtInputPHSize);
  letter-spacing: var(--txtInputPHEcart);
  font-weight: normal;
  font-style: italic;
  text-decoration: none;
}

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