html, body {
  /* image fond qui entoure le contenu. Dégradé de bleu */
  background-image: url("../images/corps.gif");
  height: 100%;
  width: 100%;
  font-family: 'Arial',sans-serif;
}
div#global {
  /* margin left-right auto pour centrage */
  margin:auto;
  width: 100%;

  /* taille max fenêtre affichage : tient dans 1024px. Plus facile à lire */
  max-width: 980px;
  position: relative;

  background: none;
}

div#content {
  /* effet d'ombre sur les cotés */
  border-radius: 5px;
  border-top: 0px outset #BCBCBC; 
      -webkit-box-shadow: 5px 5px 7px #666;
	-moz-box-shadow: 5px 5px 7px #666;
	box-shadow: 2px 2px 5px #666;
      
  /* marges hautes et basses pour que le fond du "body" entoure le contenu */
  margin-top: 5px;
  
  /* padding texte dans le contenu */
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  padding-bottom:15px;
  
  /* couleurs et images de fond */
  background-color: #ffffff;
  background-image: url("../images/fond_logo.gif");
  background-repeat : no-repeat;
  /*background-attachment:fixed;*/
  background-position : center 180px;
  text-align: left;
}

#content	a:link {text-decoration: none; color: blue;}
#content	a:hover {color:blue; text-decoration: underline overline; color: red;}

/* table PP, lignes fines, 1ere colonne gras, 25% */
.table_pp {
   width:95%; 
   margin-left:auto; 
   margin-right:auto;
   text-align:left;
   border-spacing: 0px;
   border-collapse: collapse;      
}
.cellule_pp1{
   border-width:1px;
   border-color:rgb(0,0,0);
   border-style:solid;
   width:25%;
   text-align:left;
   vertical-align :top;
   font-weight: bold;   
} 
.cellule_pp2{
   border-width:1px;
   border-color:rgb(0,0,0);
   border-style:solid;
   text-align:left;
   vertical-align :top;
} 


/* Menu fixe en haut de la page, fond gris */
#banner {
	width: 100%;
	height: 6em !important;
	background: #cccccc ;
	padding: 1em; 
      border-radius: 5px;
	border-top: 3px outset #BCBCBC; 
	-webkit-box-shadow: 5px 5px 7px #666;
	-moz-box-shadow: 5px 5px 7px #666;
	box-shadow: 2px 2px 5px #666;}

#banner a:link {color: #000;text-decoration: none;text-shadow: 1px 1px 1px #000; font-weight: normal}
#banner a:hover {color: #00f;text-decoration: none;text-shadow: 1px 1px 1px #000; font-weight: normal}
#banner a:visited {text-decoration: none;text-shadow: 1px 1px 1px #000; font-weight: normal}

div#marge-fin {
  background: none;
  text-align: left;
}

p, h1, h2, h3, h4, table, li, hr
{
	margin-left: 10pt;
}



p,li,th,td {	font-size: 100%;} 

.red {color : #000000; 	background-color: #ef0000; }
.green { background-color: #00ef00; }
.blue { background-color: #38a3f4; }
.yellow { background-color: #efef00; }
.pink { background-color: #ef00ef; }