html
{ 
  /*font-family: "Minya Nouvelle", serif;*/
  font-family: "Comic Sans MS", sans-serif;
  font-size: 14pt;
  background-color: #229;
  background-image: url("images/fond.png");
  background-repeat: repeat-x;
  background-attachment: fixed;
  color: #444;
  padding: 0ex;
  margin: 0ex;
  }

body
{ 
  padding: 0.5ex;
  margin: 0ex auto;
  width: 80em;
  }


/* bloc de navigation rapide / accessible */

/* */
div#navigation
{ 
  width: 100%;
  font-family: "Bitstream Vera Sans", sans-serif;
  font-size: 0.7em;
  margin: 0ex;
  }

div#navigation > div.conteneur
{ 
  border: none;
  background: none;
  color: #444 !important;
  font-weight: bold;
  text-align: left;
  margin: 0ex;
  padding: 0.25ex 3ex;
  }

/* on aligne les éléments */
div#navigation p,
div#navigation ul,
div#navigation li
{ 
  display: inline;
  margin: 0ex;
  padding: 0ex;
  }

/* seul les liens ont une marge */
div#navigation a
{ 
  margin: 0.5ex;
  padding: 0.5ex;
  color: #e5e5e5;
  }

div#navigation a:hover
{ 
  color: #229;
  }

/* petite fioriture entre les liens */
div#navigation li + li:before
{ 
  content: "//";
  color: #444;
  }


/* BLOC de titre de page */
div#titre
{ 
  width: 100%;
  clear: both;
  margin: 0ex;
  padding: 0ex;
  }

/* conteneur du formulaire d'acquisition de permission */
div#permission
{ 
  position: relative;
  width: 60%;
  left: 20%;
  margin-bottom: 3ex;
  }


/* icones standards */
div#icones
{ 
  position: fixed;
  bottom: 0.25ex;
  right: 0.5ex;
  padding: 0ex;
  }

/* mention légale */
div#pied
{ 
  width: 100%;
  clear: both;
  padding: 2ex 0ex 0ex:
  }

/* bloc 'transparent' */
#titre .conteneur,
#pied .conteneur,
#permission .conteneur,
#icones .conteneur,
#icones *
{ 
  background: none;
  border: none;
  margin: 0ex;
  padding: 0ex;
  }

/* le conteneur contient et reçoit les décoration */
div.conteneur
{ 
  background-color: #e5e5e5;
  border: 4px solid #444;
  margin: 0.5ex;
  padding: 0.5ex;
  text-align: center;
  }

/* petits texte de bas de page, ( mention légales, ... ) */
div#pied p
{ 
  font-family: "Nimbus Sans L", sans-serif;
  color: #ccc;
  font-size: 0.7em;
  margin: 0ex;
  padding: 5ex;
  text-align: center;
  }

#pied a:hover,
#pied a:active
{ 
  color: #fff;
  }

/*
 * ÉLÉMENTS DE TEXTE.
 */
p
{ 
  text-indent: 2ex;
  margin: 1ex;
  text-align: justify;
  }

/* signature d'édito et d'écran ( pas les images ) */
p.signature
{ 
  font-family: "Domestic Manners", serif;
  font-size: 14pt;
  text-align: right;
  margin: 1ex 5ex 5ex 0ex;
  }

/* liens */
a
{  
  color: #c94;
  text-decoration: none;
  }

a:hover
{  
  color: #229;
  }

/* TITRES */
h1
{ 
  font-family: "Tork", serif;
  color: #da5;
  font-size: 3em;
  margin: 0.2ex 0% 1ex;
  padding: 0ex 0%;
  }

h2
{ 
  font-family: "Tork", serif;
  font-size: 22pt;
  margin: 0.75ex;
  text-align: center;
  color: #9c4;
  }

h3
{ 
  font-family: "Minya Nouvelle",sans-serif;
  font-size: 18pt;
  text-align: right;
  margin: 2ex 5ex 0.5ex 0ex;
  color: #999;
  }

h4 { 
     font-family: "Minya Nouvelle", sans-serif;
     font-size: 16pt;
     margin: 0.5ex;
     text-align: right;
     color: #555;
     }

cite
{ 
  display: block;
  }

tt, pre, input[type=text], input[type=file], select
{ 
  text-align: left;
  font-family: "Bitstream Vera Sans Mono", monospace !important;
  font-size: 0.7em !important;
  padding: 0.25ex;
  }

/*
 * ÉLÉMENTS DE FORMULAIRES.
 */
form
{ 
  position: relative;
  left: 5%;
  width: 90%;
  margin: 0ex;
  padding: 0ex;
  }

fieldset
{ 
  border: 0px solid #aaa;
  border-width: 4px 0px;
  margin: 1ex 0ex 2ex;
  padding: 2ex 3ex;
  text-align: center;
  }

#permission fieldset
{ 
  background-color: #e5e5e5;
  border: 4px solid #444;
  margin: 0.5ex;
  padding: 0.5ex;
  text-align: center;
  }

legend
{ 
  background: #eee;
  border: 2px solid #aaa;
  color: #da5;
  padding: 0.25ex 1ex;
  }

#permission legend
{ 
  border: 2px solid #444;
  }

label
{ 
  display: block;
  width: 95%;
  margin: 0.5ex 0%;
  padding: 0.5ex 2.5%;
  text-align: left;
  clear: both;
  }

label > input,
label > select
{ 
  float: right;
  margin: -2.75ex 0ex 1ex;
  }

button
{ 
  padding: 0.25ex;
  background-color: #9c4;
  border: none;
  }

button[type=submit]
{ 
  padding: 0.5ex;
  }

select, textarea, input
{ 
  font-family: inherit;
  font-size: 14pt;
  background: none;
  border: 2px solid #d5d5d5;
  padding: 0.25ex;
  margin: 0.25ex;
  color: #222;
  }

select
{ 
  padding: 0ex;
  margin: 0.5ex;
  }

/* changement du style du champ selectionné */
select:focus,
textarea:focus,
input:focus
{ 
  background-color: #f5f5f5;
  border: 2px solid #9c4;
  }

option
{ 
  border: none;
  padding: 0.25ex;
  }

/* 
 * ÉLÉMENTS DE LISTES
 */
ul
{ 
  list-style-type: square;
  text-align: left;
  }

li
{ 
  color: #229;
  margin: 0.25ex 1ex;
  }

/*
 * ÉLÉMENTS DE TABLEAUX.
 */
table
{ 
  margin: 0ex;
  width: 100%;
  border-collapse: collapse;
  }

th
{ 
  color: #da5;
  border: none;
  border-bottom: 2px solid #ccc;
  padding: 1ex 0.5ex;
  }

td
{ 
  padding: 0.25ex;
  margin: 0.5ex;
  vertical-align: top;
  text-align: center;
  }

/*
 * DIVERS BLOCS
 */
hr
{ 
  border: 2px solid #aaa;
  width: 90%;
  margin: 2ex 5% 4ex;
  }