/*** Sélecteur : ***
p					// toutes les balises <p>
h1, em		// toutes les balises <h1> et <em>
.maclasse	// toutes les balises avec class="maclasse"
#monid		// toutes les balises avec id="monid"
*					// toutes les balises
h3 em			// toutes les balises <em> contenues dans <h3>
a[title]	// toutes les balises <a> qui possèdent un attribut title
**********************/

* {-moz-box-sizing: border-box; box-sizing: border-box;}

html {
  height: 100%;
}

body {
font-family: Tahoma;
font-size: 15px;
text-align: center;

padding-bottom: 100px; /* place réservée au-dessus footer */
margin: 0;
min-height: 100%;
position: relative;
}

a {
	color: #000000;
	text-decoration: underline;
}

.logo {
	position: absolute;
  clear: both;
  border: 0px #FF0000 solid;

  top: 20px;
  left: 40px;
}

.logo_fond {
	opacity: 0.6;
	filter(opacity=60);
	position: absolute;
	z-index: -1;
	border: 0px #0000FF solid;
	left: 0px;
	top: 60px;
}

footer {
	/* voir http://ryanfait.com/sticky-footer/ */
	position: absolute; 
	bottom: 0; 
	left: 0; 
	right: 0;
	background-color: rgb(92, 92, 92);	/* compatibilité anciens navigateurs */
  background-color: rgba(92, 92, 92, 0.9);
}

footer a {
	color: #FFFFFF;
	text-decoration: none;
}

img.superbg {
	position:fixed;
  top:0;
  left:0;
  z-index:-2;
}

.domaine_erreur { color: #FF0000; font-weight: bold; }
.domaine_manque { font-weight: bold; }

.marge_haute {
	height: 150px;
}

.information {
	width: 50%;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
	background-color: rgb(255, 255, 255);	/* compatibilité anciens navigateurs */
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 10px;
  border: 0px #FF0000 solid;
}

.information_enveloppe {
	float: left;
	clear: both;
}

.information_texte {
	margin-left: 180px;
	text-align: left;
	padding-top: 40px;
	border: 0px #FF0000 solid;
}

table.tableau {
	width: 80%;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	font-family:arial;
}

table.tableau thead tr th,
table.tableau tfoot tr td {
	/*
	background-color: #e6EEEE;
	*/
	background-color: rgb(230, 238, 238);	/* compatibilité anciens navigateurs */
	background-color: rgba(230, 238, 238, 0.9);
	background-color: rgba(74, 149, 62, 0.9);
	border: 1px solid #FFF;
	padding: 4px;
	color: #FFFFFF;
}

table.tableau tfoot tr td {
	font-size: 16px;
}

table.tableau input {
	font-weight: bold;
}

table.tableau tbody td {
color: #000000;
padding: 4px;
background-color: rgb(255, 255, 255);	/* compatibilité anciens navigateurs */
background-color: rgba(255, 255, 255, 0.9);
vertical-align: top;
}

.zero_mail {
	width: 50%;
	margin-top: 50px;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
	background-color: rgb(255, 255, 255);	/* compatibilité anciens navigateurs */
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 10px;
  border: 2px #20891D solid;
  font-weight: bold;
}

.infos_inscription {
	width: 50%;
	margin-top: 50px;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
	background-color: rgb(255, 255, 255);	/* compatibilité anciens navigateurs */
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 10px;
  border: 2px #20891D solid;
  font-weight: normal;
}

@media screen and (max-width: 1024px)
{
	body {
		font-size: 10px;
		padding-bottom: 20px; /* place réservée au-dessus footer */
	}
	
	.marge_haute {
	height: 250px;
	}
	
	.information {
		width: 90%;
		margin-left: 10px;
		padding: 10px;
	}
	
	.information_enveloppe {
		display: none;
	}

	.information_texte {
		margin-left: 0px;
		padding-top: 0px;
	}
	
	.zero_mail {
		width: 80%;
		margin-top: 20px;
	}
	
	.infos_inscription {
		width: 80%;
		margin-top: 20px;
	}

	table.tableau {
		width: 90%;
		margin-left: 10px;
		margin-top: 10px;
	}
	
	table.tableau input {
	font-weight: normal;
	font-size: 10px;
	}
	
	table.tableau tfoot tr td {
		font-size: 10px;
	}
	
	.optionnel {
		display: none;
	}
}

/*
.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}
*/