:root{
animation-duration: 1s;
animation-name: flash;
}


[type="checkbox"] {
	position: absolute;
	left: 0;
	opacity: 0.0;
}

[type="checkbox"] + label {
	position: relative;
	padding-left: 2em;
	font-size: 1.em;
	line-height: 1.7;
	cursor: pointer; 
}
/* Aspect de la case */
[type="checkbox"]:not(:checked) + label::before,
[type="checkbox"]:checked + label::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 1.4em;
	height: 1.4em;
	border: 1px solid #aaa;
	background: #6f07a5;
	border-radius: .2em;
	box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 rgba(203, 34, 237, .2);
	transition: all .5
	75s;
}

/* Aspect de la coche */
[type="checkbox"]:not(:checked) + label::after,
[type="checkbox"]:checked + label::after {
	content: '✕';
	speak: never; /* Pour être sûr que le lecteur d'écran ne lira pas "fois" */
	position: absolute;
	top: .48em;
	left: .05em;
	font-size: 1.6em;
	color: #31f900;
	line-height: 0;
	transition: all .5s; /* Petite transition */
}

/* Aspect non cochée */
[type="checkbox"]:not(:checked) + label::after {
	opacity: 0;
	transform: scale(0) rotate(45deg);
}

/* Aspect cochée */
[type="checkbox"]:checked + label::after {
	opacity: 1;
	transform: scale(1) rotate(0);
}

* Disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label::before,
[type="checkbox"]:disabled:checked + label::before {
	box-shadow: none;
	border-color: #bbb;
	background-color: #e9e9e9;
}

/* Disabled checked */
[type="checkbox"]:disabled:checked + label::after {
	color: #777;
}

[type="checkbox"]:disabled + label {
	color: #aaa;
}

/* Accessibility focus */
[type="checkbox"]:checked:focus + label::before,
[type="checkbox"]:not(:checked):focus + label::before {
	box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 6px rgba(203, 34, 237, .2);
}
}

a{
  text-decoration:none;
  color:#31f900;
}


a:link {
  color: #72ff4f;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: #72ff4f;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: white;
  background-color: transparent;
  text-decoration: none;
  filter: brightness(0);
}

a:active {
  color: #72ff4f;
  background-color: transparent;
  text-decoration: none;
}


@keyframes flash{
  0% { background-color: #6f07a5; color:#31f900;}
  4.9% { background-color: #6f07a5; color:#31f900;}
  5.6% {background-color: #31f900; color: #72ff4f;}
  5.7% { background-color: #6f07a5; color: #31f900;}
  5.8% { background-color: #6f07a5; color: #31f900;}
  5.9% {background-color: #31f900; color: #72ff4f;}
  15.0% { background-color: #6f07a5; color:#31f900;}

  53.8% { background-color: #6f07a5; color:#31f900;}
  54.6% {background-color: #31f900; color:#72ff4f;}
  54.7% { background-color: #6f07a5; color:#31f900;}
  54.8% { background-color: #6f07a5; color:#31f900;}
  54.9% {background-color: #31f900; color:#72ff4f;}
  55.0% { background-color: #6f07a5; color:#31f900;}
  55.1% { background-color: #6f07a5; color:#31f900;}
  55.2% {background-color: #31f900; color:#72ff4f;}
  55.3% { background-color: #6f07a5; color:#31f900;}
  55.4% { background-color: #6f07a5; color:#31f900;}
  55.5% {background-color: #31f900; color:#72ff4f;}
  55.6% { background-color: #6f07a5; color:#31f900;}
  55.7% {background-color: #31f900; color:#72ff4f;}
  65%   {background-color: #6f07a5; color:#31f900;}
  100% { background-color: #6f07a5; color:#31f900;}
}
body {
background-image: url("../womX.png");
background-position: top; /* Center the image */
background-repeat: no-repeat; /* Do not repeat the image */
background-size: cover;
position:absolute;
width:100%;
height:100%;
margin:0px;
animation-duration: 30s;
animation-name: flash;
animation-iteration-count: infinite;
font-family: 'Mukta mahee', cursive;
font-size:3.5vw;
}
#info {
position :absolute;
width:69%;
top: 20vw;
margin:17vw;
font-size:3vw
}
l{
font-size:3vw;
}
h1{
position:absolute;
text-align:center;
width:100%;
top:0%;
font-size:7.5vw;
text-shadow: 0px 0px  3px #31f900, 0px 0px  10px #31f900, -2px 2px  0px #31f900, 2px -2px  0px #31f900, -2px -2px  0px #31f900, 2px 2px  0px #31f900;
}
#newsletter {
position:absolute;
top: 222vw;
left:15vw;
width:70%;
}
table {
position:absolute;
top: 340vw;
left:15vw;
width:70%;
}
tr{
position:relative;
width:100%;
display: inline-block;
}
td{
position:relative;
width:100%;
display: inline-block;
}
input {
padding: 0.2vw 0 0.2vw 0;
animation-duration: 30s;
animation-name: flash;
animation-iteration-count: infinite;
position:absolute;
position:relative;
width:100%;
border-style: dotted;
border:1 none;
}
textarea{
animation-duration: 30s;
animation-name: flash;
animation-iteration-count: infinite;
position:absolute;
position:relative;
width:100%;
border-style: dotted;
border:1 none;
background-color: #31f900;
}
input[type=submit] {
border-style: dotted;
border:1 none;
cursor:pointer;
color: #31f900;
padding : 1vw;
font-family: 'Mukta mahee', cursive;
font-size : 6vw;
}
input[type=submit]:hover {
text-shadow:0px 0px  5px #31f900, 0px 0px  3px #31f900, 0px 0px  10px #31f900, -2px 2px  0px #31f900, 2px -2px  0px #31f900, -2px -2px  0px #6f07a5, 2px 2px  0px #6f07a5;
}

petitepolice{
font-size:2.5vw;
}

grandepolice{
font-size:4.5vw;
text-align:center;
}
#contacts {
position :absolute;
width:69%;
top: 325vw;
margin:10vw;
font-size:1vw
}

#inscription {
position:absolute;
top: 40vw;
left:15vw;
width:70%;
}





textarea, input, button, select { font-family: Mukta mahee; font-size: 4vw; }