body {
   margin: 0px;
   padding: 0em 0px 0em 0px;
}
input, select {
	color : #000000;
	font-size : 12px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
div {
	margin-top : 0px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
}
.px {
	padding-top : 0px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	margin-top : 2px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
}
.px5 {
	padding-top : 5px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	margin-top : 5px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
}
.menu {
	color : #FFFFFF;
	margin-top : 9px;
	padding-bottom : 9px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.menu a {
	color : #FFFFFF;
	text-decoration: none;
}
.menu a:hover {
	color : #F2F2F2;
}
.menun {
	color : #000040;
	margin-top : 9px;
	padding-bottom : 9px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	/*font-weight: bold;*/
}
.menun a {
	color : #000040;
	text-decoration: none;
}
.menun a:hover {
	color : #ffdd00; /*f2f2f2*/
}
.titre {
color : #BB0000;
	margin-top : 5px;
	padding-bottom : 5px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 14px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.title01 {
	color : #FFFFFF;
	margin-top : 5px;
	padding-bottom : 5px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.title02 {
	color : #000000;
	margin-top : 0px;
	padding-bottom : 0px;
	margin-left : 5px;
	margin-right : 5px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.title02 a {
	color : #000000;
	text-decoration: none;
}
.right {
	color : #003C5E;
	margin-top : 5px;
	padding-bottom : 10px;
	margin-bottom : 0px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.onglet {
      color: #003C5E;
	margin-top : 5px;
	padding-bottom : 10px;
	margin-bottom : 0px;
	margin-left : 32px;
	margin-right : 5px;
	font-size : 12px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.right b {
	color : #EF6D00;
}
/*.right a {
	color : #003C5E;
*/
.right a {
	color : #ff8900;
}
.right a:hover {
	color : #000000;
}
.left {
	color : #FFFFFF;
	margin-top : 10px;
	padding-bottom : 10px;
	margin-bottom : 10px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
}
.left a {
	color : #FFFFFF;
}
.left a:hover {
	color : #000000;
}
li {
	color : #000000;
	margin-top : -1px;
	padding-bottom : -1px;
	margin-bottom : -1px;
	margin-right : 1px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
}
ul, ol {
	color : #000000;
	margin-top : 0px;
	padding-bottom : 0px;
	margin-bottom : 0px;
	margin-right : 0px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
}
p {
	color : #000000;
	margin-top : 5px;
	padding-bottom : 5px;
	margin-bottom : 0px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
}
p a {
	color : #294A7B;
}
p a:hover {
	color : #000000;
}
.bot {
	color : #000000;
	margin-top : 12px;
	padding-bottom : 10px;
	margin-bottom : 0px;
	margin-left : 20px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
	text-decoration:none;
	}
.bot a {
	color : #000000;
	text-decoration: none;
}
.bot a:hover {
	color : #294A7B;
}
 .divover
{
overflow: auto;
scrollbar-face-color: white;
scrollbar-arrow-color: #FF9900; /*#00F6FF;*/
scrollbar-track-color: efffef;
scrollbar-highlight-color: fefffef;
scrollbar-darkshadow-color: efffef;
scrollbar-shadow-color: #fefefe;
scrollbar-3dlight-color: fefefe;
}  
h5 {
text-align: left;
   padding-left: 0;
   font-weight:bold;
   font-style:italic;
   color:red;
  padding-bottom:0;
    }
 /* simulation BLINK pour MSIE */  
blink {
          visibility: expression((function(){
          if (!window.IEBlink) {
          window.IEBlink = "visible";
          setInterval(function() {
          window.IEBlink = (window.IEBlink=="visible"?"hidden":"visible");
          var blinks = document.getElementsByTagName("blink");
          for (var i=0; i < blinks.length; i++) { blinks[i].style.visibility=window.IEBlink; }
          }, 700)
          }
          return "";
          })());
        }
/* filets PSM sommaire nlle maquette nov 2005 */
.item {
margin : 0em 0px;
background-color :#ffffcc;
border-bottom : 1px solid #ff0000;
padding :0 em;
color:red;
}
/* item bleu  */
.itemb {
margin : 0em 0px;
 background-image: url(images/ongletbleu.gif);
  background-repeat: no-repeat;
border-bottom : 1px solid #0000cc;
padding-left :4px; /*0 em; */
color:#ffffff;
}
/* item rouge avec fond  */
.itemr {
margin : 0em 0px;
  background-image: url(images/ongletrouge.gif);
  background-repeat: no-repeat;
border-bottom : 1px solid #cc0000;
padding-left :4px; 
color:#ffffff;
}
.filetdoss {
   padding-left: 5%;
      margin-top:0px;
     font-size: x-medium;
    border-top: 1px solid #ff0000;
     clear: both;
}
/* Boite rouge avec liser‚ rouge */
.brouge {
/*margin : 0em 0px;*/
background-color :#ffeeee;
border : 1px solid #ff0000;
text-align:justify;
padding :8px;
}
/* Encadr‚ jzune p */
.encadrejp {
/*margin : 0em 2px;*/
background-color :#ffffcc;
border : 1px solid #000000;
padding :8px;
text-align:justify;
}
/* Encadr‚ bleu p *  efefff*/
.encadrebp {
/*margin : 0em 2px;*/
background-color :#dedeff;
border : 1px solid #0000cc;
padding :8px;
text-align:justify;
}
/* Encadr‚ bleu p *  efefff*/
.encadrevp {
/*margin : 0em 2px;*/
background-color :#deffde;
border : 1px solid #0000cc;
padding :8px;
text-align:justify;
}
/* Boite bleu */
.bbleu {
/*margin : 0em 0px;*/
background-color :#eeeeff;
border : 1px solid #000000;
padding :8px; 
text-align:justify;
}
/* Boite bleu  , voir plus bas bbleu */
.boitebl {
/*margin : 0em 0px;*/
background-color :#00ccff;
border : 1px solid #000000;
padding :8px;
text-align:justify;
}
.bchocolat{
text-align: justify;
color:#ffffdd;
 padding: 8px;
 margin-top :1em;
background-color :#FF8400;
border : 1px solid #ff0000;
border-style : inset;
}
/* a etudier pour remplacer les wingdings. Probleme il se met à la ligne suivante en div */
.puced {
  background-image: url(images/dossier.gif);
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  padding: 0px;
  margin:0px;
}
/* ombre pour image et txt:avant bottom : np-repeat encadre maximum taille du png  avec no-repeat se limite à la taille du png ok pout firefox */
.ombre {
  float:left;
  clear:left;
  background: url(ombre.png)  bottom right;
  margin: 10px 0 10px 10px !important;
  margin: 10px 0 10px 5px;
  padding: 0px;
  }
.boite {
  background: lightblue;
  position:relative;
  bottom:6px;
  right: 6px;
  }
.boitetxt {
  padding:4px;
  }
  /* bulle dans texte pour TITLE multiligne ou  amélioré cf page 1*/
a.info {
   position: relative;
   color: black;
   text-decoration: none;/* ou souligner pour montrer qu'il y a un supplement d'info*/
   border-bottom: 1px gray dotted; /* on souligne le texte sauf si ...cf plus haut */
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
  text-decoration: none;
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 16px; /* on positionne notre infobulle */
   left: 20px;

   background: white;
   color: green;
   padding: 3px;

   border: 1px solid green;
   border-left: 4px solid green;