body { 
  display: block;
  background-color: #FFC573;
  font-family: "Minion Pro","Minion","Antiqua","Hoefler","Sabon",Georgia,Times,Serif;
  font-size: 11pt;
  text-align: justify;
}

#all {
  margin-left: auto;
  margin-right: auto;
  margin-top:3em; 
  margin-bottom:3em; 
  width : 100%;
  min-width: 50em;
  max-width: 50em;
}

#all2 {
  margin-left: auto;
  margin-right: auto;
  margin-top:1em; 
  margin-bottom:3em; 
  width : 70%;
  min-width: 25em;
  max-width: 35em;
  background-color: #ffa773;
}

#main {
  padding:0 ; 
  border: double 5px ;
  border-color: #FFFFFC ;
  margin-top: 1em
}

#header{
  position:fixed;
  margin-right:1%; 
  margin-left:1%; 
  margin-bottom:2px; 
  margin-top:2px; 
  padding-right:1%; 
  padding-left:1%; 
  padding-bottom:2px; 
  padding-top:2px; 
  background-color: #FFFAFF;
  border: 5px solid #D4D4D4;
  width: 96%;
  top: 0px;
  left: 0px;  
}

#header a, #menu span{
  text-decoration: none;
  margin: 0 1em;
}

a:hover{
  color: red;
}

#footer{
  position: fixed;
  margin: 2px 1% 2px 1%; 
  padding: 2px 1% 2px 1%; 
  background-color: #FFFAFF;
  border: 1px solid #D4D4D4;
  width: 96%;
  bottom: 0px;
  left: 0px;
}

.alerte{
  font-size: 1.2em;
  font-weight: bold;
  font-variant: small-caps;
  text-align: center;
  color: red;
  background-color: #FFFAFF;
}
/*
#menu{
  position:fixed;
  margin:1%; 
  padding:1%; 
  background-color: #FFFAFF;
  border: 1px solid #D4D4D4;
  right: 0px;
  top: 25%;
}
*/

#bouton_inscription{
text-align: center;
margin-top: 5em;
}

#bouton_inscription a{
text-decoration: none;
}

#mainError{
  background-color : #FFAAAA;
  font-family: Gill, Helvetica, sans-serif;
  font-size: 2em;
}

#charte_brad{
    padding: 1em 5em 2em;
}

#brad_inscrits{
    text-align: center;
    margin-top: 1em;
    padding: 1em 0;
}
#brad_inscrits table{
    text-align: left;
}

h1, #title {
    font-size: 1.2em;
    font-weight: bold;
    font-variant: small-caps;
    text-align: center;
}

h2 {
  color: #F40000;
  font-size: 1.2em;
  font-weight: normal;
}

img.drapeau{
  height: 1.2em;
  position: relative;
  top: 0.3em;
}

img.bouton{
  height: 1.2em;
  position: relative;
  top: 0.3em;
}

table.inscrits{
  width : 100%;
}
table.inscrits tr:hover{
  background-color: #FFFFDD;
}

table.inscrits tr td{
  padding: 0 1em;
  border-bottom: 1px dashed #ddd;
}

td.nom{
  font-weight: bold;
  width: 20%;
}
td.prenom{
  width: 20%;
}
td.sujet{
  width: auto;
  text-align: left;
}

/** La feuille de style pour les formulaires bien alignés...
  Depuis : http://css4design.com/design-de-formulaire-html-avec-css
*/
fieldset {
	margin-bottom: 1em;
	border: #6d493a groove;
	width: auto;
	margin: 0.5em;
}
fieldset p {
	padding: 0 0 0em 0.5em;
	clear: both;
}

legend {
	margin: 0 0 0.5em 0;
	padding: 0.3em;
	background-color: darkkhaki;
}
label.text,
label.select,
label.textarea
{
	display: block;
	float: left;
	width: 20%;
	text-align: right; /* n'hésitez pas pas à aligner à gauche, c'est pas mal aussi */
	margin: 0 1em 0 0;
	padding: 0.1em;
	border-bottom: 1px solid darkkhaki;
}
.radioCheck {
	margin: 0 1em 0 0.25em;
}

a.gauche {
   left:2em;
   margin-left:2em;  
   font-variant: small-caps;
   font-size: larger;
   color: black;
}

span.droite {
   float:right;
   margin-right:2em;
   right:2em;
   font-size: larger;
}

input.text,
input.textarea,
input.select
{
    width: 40%;
    color:#ffffff;
    border: 0;
    margin-right: 0.25em;

}
.envoy {
    margin: 1em 0;
    text-align: left;
}
.envoy label {
    border: 0;
}
hr {
    visibility: hidden;
    clear: both;
}
span.note {
    font-size: 0.75em;
}
span.warning {
    font-weight: bold;
    font-size: 1.3em;
    color: #fff;
}

