@charset "iso-8859-1";
  body { font-family: Times new roman, verdana, arial, sans-serif; font-size: 12px; margin: 0px; 
  /*pour supprimer toute marge prédéfinie par le navigateur*/ } 
  
  #maj {  float: left; margin-left: 0px; margin-right: 30px; background-color: #FFCCFF; color: #800080; }
  
  #pied_page {  float: left;  margin-left: 2px; margin-right: 30px; border: 3px solid #FFCC66; 
  background-color: #FFCCFF; /*mise à jour*/ }
  
/*zone de gauche*/
 
#menu { float: left;  width: 125px; height:480px;
 /*background-color: #99CCFF; couleur bleu-claire;*/
    background-image:url("../images/fond_gauche.jpg");
   } 
 
  .bienvenue { margin-top: 0px; margin: 0px; padding-left: 0px;
  width: 120px; height: 180px;
  text-align: justify;   font-size: 12pt; text-shadow: 3px 3px 5px bleu;
  background-color: #99CCFF; 
  color: BLUE }
	
  .bienvenu { text-align: justify; font-size: 14pt; text-shadow: 3px 3px 5px bleu;
  background-color: #99CCFF; couleur bleu-claire; color: BLUE;  
  /* background-image:url("../admin/images/img_gauche.jpg");*/
   }
#sous-menu { float: left; width: 130px; height:480px;
/* background-color: #99CCFF; couleur bleu-claire*/ 
 background-image:url("../images/fond_gauche.jpg");
  } 
  .titre-sous-menu { list-style-type: none; text-align: center; font-size: 10pt; font-weight: bold; margin-right: 3px; 
  color: #993300; /*background-color: #FFCC99;	*/;
  }
  .titre-sous-menu1 { list-style-type: none; text-align: center; font-size: 10pt; font-weight: bold; font-style: italic;
  color: #993300; /*background-color: #FFCC99;	*/;
  }
  .items { /* le conteneur pour les éléments du menu*/
  margin-top:5px; margin-left:5px; padding: 0; color: #0194A8; width: 150px; height: 150px; 
  border: 3px solid orange;
  background-color: #99CCFF;
 /* background-image:url("../admin/images/img_gauche.jpg");*/ 
  } 
  
  .gauche {  float: left; list-style-type: none; font-size: 10px; color: #000099; font-weight: bold;}	
  .gauche a {/*va concerner tous les liens du conteneur menu_accueil*/
  font-size: 10px; color: #000099; font-weight: bold; font-family: arial;
  text-decoration: none; /* pour éviter le soulignement des liens*/
  text-align: left; width: 130px; margin-right: 0; margin-left: 0px; 
  /*espacement entre chaque menu_accueil*/ list-style-type: none; }

   .site	  {	list-style-type: none; 
   margin-left: 0px;
  text-align: center;
  font-style: italic;
  font-size: 8px;  
  background-color: #FFCC99; 
  color: bleu;
  }
 .compteur  {
  float: left;
  width: 130px;
  margin-left: 0px;
  margin-right: 32px;
  text-align: center;
 font-style: italic;
  font-size: 10px;  
  /*background-color: #99CCFF; couleur bleu-claire*/
  color: #800080;
  }
/*zone centrale*/ 
A:link {color:#2153A5;font-weight:bold;}
A:visited {color:#2E237A;font-weight:bold;}
A:hover	{color:#cc3366;font-weight:bold;}
  #dvMessage{ font-style: ; position:absolute; left:5px; top:5px;}	   
.contenu_c { margine-left: 200px; width: auto; text-align: center; } 
  .contenu {
  table-layout: auto; /*la largeur max étant de 900px*/
  margin-left: 130px;
  text-align: justify; /*les paragraphes seront justifiés*/	
  background-color: WHITE; }

  .cadre { position: relative;
            left:150px; 
            top:0px;
            width:auto;
            height:480px;

  /* table-layout: auto; la largeur max étant de 900px*/
   margin-left: 130px;
   top: 0cm;
   }
  h1 { color: green; text-align: right; }
  h2 { text-align: right; }

  ul,li { float: right; margin: 2px 0px 0 2px; list-style-type: none;/* background-color: #99CCFF;*/
  background-image:url("../admin/images/toti.jpg");
  moz-border-radius-topright: 10px; moz-border-radius-topleft: 10px; }
	
  a { display: block; color: white; text-decoration: none; padding: 4px; }	
  a:hover { background: white; color: #ff9900; }
  .actif { border-botton: 1px solid white; background-color: WHITE; padding: 4px; }  
 
  #carte { margin-left: 200px; text-align: center; }
 
  .courriel  { width: 79px; height: 27px; text-align: center; font-size: 10px;  
  background-color: #99CCFF; /*couleur bleu-claire*/ color: BLUE }
  
  

 a.help { color: #000000; position: relative; text-decoration: none; border-bottom: 2px dashed #FF0000; }
 a.help span { display: none; }
 a.help:hover { background-color: #C0C0C0; }
 a.help:hover span { display: block; position: absolute; z-index: 100; background-color: #CCFFFF;
 border: 1px solid black; padding: 5; width: 200px; left: 20px; top: 25px; font-style: italic;
 text-align: center; }

 body {margine: 0;}
#gauche { height: 30em ; width: 10em; float: left;}
#centre { height: 30em ; boder-left: 1px solid;}
#droite { height: 30em ; width: 10em; float: left;}
#pied { height: 1em ; boder-top: 1px solid;} 
 /*zone identifiant*/ 
#bleu {font-size: 1.6em; color: #0194A8; text-align: center;}
 h5 {color: green; text-align:left;}
 h3 {font-size: 10px; color: #0194A8; text-align: center;} 
 h4 {font-size: 12px; color: #0194A8; text-align: center; margin: 2px;}
.tdbleu { background-color: #99CCFF; width: 150px;}
.tdgris { background-color: #CCCCCC; width: 150px;}
.tdmdp { width: 150px;}
.bleu {font-size: 12px; color: #0194A8; text-align: center; font-family:Verdana; font-weight: bold;}
.fond { background-attachement: fixed; url("../admin/images/toti.jpg"); }
.page { table-layout: auto; /*la largeur max étant de 900px*/
  /*margin-left: 150px; }