/* http://auris-solutions.fr : commentaires */
/* la syntaxe est balise { propriete1:valeur ; propriete2:valeur ;}
/* les proprietes sont : background-color, color, font-family, font-size, padding, text-align, text-decoration */
/*
valeur suivie de px ou % ou pt ou em
La propriété css padding permet de spécifier la marge intérieur qui sépare un élément de chacune de ses bordures (marges intérieures).
margin permet de spécifier la marge extérieur qui sépare un élément de chacune de ses bordures.
border-spacing permet de spécifier l'espacement entre chaque cellule d'un tableau. 
vertical-align permet de gérer l'alignement vertical du texte.
text-align permet de spécifier l'alignement horizontal du texte.
font permet de spécifier le style : taille, épaisseur et la police (font),...
     font-style, font-variant, font-weight, font-size/line-height, font-family 
border (bord d'un élément) peut prendre les valeurs des propriétés css (dans l'ordre) de : 
         - border-width, taille de la bordure, 
	     - border-style, style de la bordure, 
		 - border-color, couleur de la bordure.
*/
html, body {
  margin: 0;
  padding: 0;
}

/* par défaut : couleur de fond, police, alignement du texte, couleur du texte, taille du texte */

body {
  padding: 30px 20px;
  background: #ffffff none repeat scroll 0%;
  font-family: Verdana,arial;
  text-align: left;
  color: #900000;
  font-size: 5mm;
  background-image: url(../images/background.jpg);
}
a:link {
  color: #118888;
  text-decoration: none;
}
a:visited {
  color: #dd6092;
  text-decoration: none;
}
a:hover {
  color: #900000;
  text-decoration: underline;
}
a img {
  border-width: 0;
}
h1 {
  color: #900000;
  font-weight: bold;
  font-size: 110%;
  text-align: center;
}
h2 {
  color: #900000;
  font-weight: bold;
  font-size: 100%;
  text-align: left;
}
h3 {
  color: #900000;
  font-weight: bold;
  font-size: 90%;
  text-align: left;
}
p {
  color: #900000;
  font-size: 90%;
  text-align: left;
}
div {
  color: #900000;
  font-size: 90%;
  text-align: left;
}
div.c1 {
  color: #900000;
  font-size: 100%;
  text-align: left;
}
div.c2 {
  color: #900000;
  font-weight: bold;
  font-size: 80%;
  text-align: left;
}
div.c3 {
  color: #900000;
  font-size: 80%;
  text-align: left;
}

div.c4 {
  color: #900000;
  font-size: 70%;
  text-align: center;
}

table.navig {
  border:  none;
  padding: 0px;
  width: 100%;
  -x-border-x-spacing: 1px;
  -x-border-y-spacing: 1px;
  font-size: 90%;
}

/** Tableau definissant les pages avec menu **/
table.page {
width: 100%;
padding: 0 ;
margin: 0 ;
border-spacing: 0 ;
background:#ffffff; 
}

/** cellule menu **/
td.menu{ 
text-align: left ;
color:#ffffff ;
width: 160px;
font-size: 60%;
}

/** cellule page **/
td.page{
text-align: left ;
width: 740px;
}

/** tableau de taille fixe **/
table.ref {
width: 800px;
padding: 0 ;
margin: 0 ;
border-spacing: 0 ;
font-size: 80%;
}

/** cellule avec couleur de fond **/
td.pied-page {
background:#ff9900; 
text-align: center ;
color:#ffffff ;
height:25px;
font-size: 100%;
}

td.cell1 {
  background-image: url(../images/bg1.jpg);
  text-align: center;
  vertical-align: top;
}
td.cell2 {
  /**background-image: url(../images/bg2.jpg);**/
  text-align: center;
  vertical-align: top;
}
td.cell3 {
  background-image: url(../images/bg3.jpg);
  text-align: center;
  vertical-align: top;
}
td.cell4 {
  background-image: url(../images/bg4.jpg);
  text-align: center;
  vertical-align: top;
}
td.onglet1 {
  background-image: url(../images/onglet1.gif);
  background-repeat: repeat-x;
  text-align: center;
  vertical-align: middle;
  border-collapse: collapse;
}
td.onglet2 {
  background-image: url(../images/onglet2.gif);
  text-align: center;
  background-repeat: repeat-x;
}
td.onglet3 {
  background-image: url(../images/onglet3.gif);
  text-align: center;
  background-repeat: repeat-x;
}
td.onglet4 {
  background-image: url(../images/onglet4.gif);
  text-align: center;
  background-repeat: repeat-x;
}