/* Page */
html {
  font-size: 100%; 
}
body {
  background: white;
  margin: 0;
  padding: 1em; /* Remettre à zéro si nécessaire. */
  font-family: Verdana, Arial, Helvetica, FreeSans, sans-serif;
  font-size: .7em; 
  line-height: 1.4; /* À adapter au design. 1.1 titre, 1.2 à 1.8 pour lignes longues */
  color: black;
}
header{
	margin-left:auto;
	margin-right:auto;
	width: 750px;
}
section {
	margin-left:auto;
	margin-right:auto;
	/* padding-top: 1em;*/
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	/*margin-top: 85px;*/
	width: 800px;
	border : 0px pink inset;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
  margin: 1em 0 .5em 0; 
  line-height: 1.2;
  font-weight: bold; 
  font-style: normal;
  color: black;
}
h1 {
  font-size: 1.75em;
}
h2 {
  font-size: 1.5em;
}
h3 {
  font-size: 1.25em;
}
h4 {
  font-size: 1em;
}

/* Listes */
ul, ol {
  margin: .75em 0 .75em 32px;
  padding: 0;
}

/* Paragraphes */
p {
  margin: .75em 0; /* augmenter pour + de retraits */
  text-align: left;
}
.center{
	text-align: center;
}
.right{
	text-align: right;
}
.red{
	color: red;
}
address {
  margin: .75em 0;
  font-style: normal;
}

/* Rapproche les paragraphes dans les listes et citations */
blockquote p, li p {
  margin: .5em 0;
}

/* Liens */
a name {
   text-decoration: none;
}
a {
  text-decoration: underline;
  color: black;
}
a:link {
  color: black;
}
a:visited {
  color: black;
}
a:hover, a:focus, a:active {
  color: black;
  text-decoration: underline;
}

/* Pas de bordure autour des images dans les liens */
a img {
  border: none;
}

/* Divers éléments de type en-ligne (8) */
em {
  font-style: italic;
}
strong {
  font-weight: bold;
}

/* Formulaires */
form, fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
input, button, select {
  vertical-align: middle; 
}

/* Mise en forme simple pour les tableaux */
table {
  margin: 0;
  border: 1px solid gray; /* Pas de bordure = "none". */
  border-collapse: collapse; /* Valeur par défaut: "separate". */
  border-spacing: 0;
}
table td, table th {
  padding: 4px; /* Pas de retrait autour du texte = "0". */
  border: 1px solid #ccc; /* Pas de bordure = "none". */
  /* vertical-align: top;  /* Valeur par défaut: "middle" */
}


/*style : Barre de navigation*/
.barr_navi
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: green;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.barr_navi_end
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10px;
    COLOR: #5F0000;
    FONT-FAMILY: Verdana
}
.barr_navi_gras
{
    FONT-WEIGHT: bolder;
	font-style: italic;
    FONT-SIZE: 16px;
    COLOR: green;
    FONT-FAMILY: Verdana
}
a.barr_navi
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10px;
    COLOR: green;
    FONT-FAMILY: Verdana
}
a.barr_navi:link
{
    TEXT-DECORATION: none
}
a.barr_navi:hover
{
    TEXT-DECORATION: underline
}
a.barr_navi:active
{
    TEXT-DECORATION: none
}
a.barr_navi:visited
{
    TEXT-DECORATION: none
}
a.barr_navi:visited:hover
{
    TEXT-DECORATION: underline
}
.navigation {
  margin: 0;
  padding: 0;
  list-style: none;
  /*width: 500px;
  background: #000;
  color: #fff;
  font: 1.2em "Trebuchet MS", sans-serif;*/
}
.navigation a, .navigation span {
  display: block;
  padding: 4px 10px;
/*  color: #fff;*/
  text-decoration: none;
  background: left bottom no-repeat;
}
.navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
  background-image: url(plus_sign2.png);
  background-position: left; 
}
.navigation .open a, .navigation .open span {
  background-image: url(minus_sign2.png);
  background-position: left; 
}
.navigation a:hover, .navigation a:focus, .navigation a:active {
  text-decoration: underline;
}
.navigation .subMenu {
/*  font-size: .8em;
  background: #ccc 0 0 repeat-x;
  font-size: .9em;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #666;*/
}
.navigation ul.subMenu a {
  background: none;
  padding: 3px 20px;
}
label.bas{
	vertical-align: bottom; 
}