html {
  background: url(img/affiche.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

section {
  background-color: #EEE ;
  margin : auto ;
  margin-top: 6%;
  padding : 2em ;
  width : 75% ;
  opacity: 0.95 ;
}

header {
  text-align: center;

}

footer {
  text-align: center;
}

p {
  margin-top: 0px;
}
 
fieldset {
  margin-bottom: 15px;
  padding: 10px;
}
 
legend {
  padding: 0px 3px;
  font-weight: bold;
  font-size:1.1em;
}
 
label.lResa, .lbl.lResa {
  width: 15em;
}
label, .lbl {
  display: inline-block;
  vertical-align: top;
  margin: 6px;
  font-size: 1.08em;
}

#lblEnvoiConf {
  width : 70% ;
}

#envoiConf, #helloAsso {
  cursor : pointer ;
  border : 2px solid black;
  background :  #ccc;
  padding : 0.6em ; 
  font-family: Arial;
}
#envoiConf:hover {
  background: #EEE;
}
#helloAsso {
font-size : 0.7em ;
}

.error {
  color:red ;
}

.resa {
  width: 15em; 
}
 
em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
 
input:focus {
  background: #ccc;
}
 
input, textarea {
  width: 95%;
  font-size: 1.08em;
}
 
input[type=submit] {
  font-size: 1.08em;
  width: 15em;
  padding: 0.5em;
  background-color:#BBB;
}

input[type=submit]:hover, #helloAsso:hover {
  /* background: #EEE; */
  background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
  background-image: gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
  /* color:transparent;
  -webkit-background-clip: text;
  background-clip: text; */
}

#resa label, #resa .lbl {
  width : 15em;
}

#resa input {
  width: 2em;
}

#envoi {
  text-align : center;
}