body  {
           border : 0;
           font-family : Arial, Helvetica, sans-serif;
           font-size : 8pt;
           background : #ffffff;
margin:0px;
padding:0px;
      }

#webmaster{
margin:0px;
padding:0px;
position:absolute;
float:right;
width:100%;
z-index:1;
top:0px;
left:0px;
font-family : Arial, Helvetica, sans-serif;
font-size : 8pt;
color:#f8f8f8;
background : #ffffff;
border:none;
}

h1{
font-family : Arial, Helvetica, sans-serif;
font-size : 8pt;
color:#f8f8f8;
background : #ffffff;
}

#logo{
margin:0px;
padding:0px;
position: relative;
z-index:2;
}



     table.arriereplan {
           background-image : url(../images/arriereplan.gif);
           background-repeat : repeat-x;
           background-position : top;
      }
     table.fond {
           background-image : url(../images/fond.jpg);
           background-position : center;
           background-repeat : repeat-x;
      }
     table.fondscroll {
           background-image : url(../images/fondscroll.jpg);
           background-position : center;
           background-repeat : repeat-x;
      }
     table.creation {
           background-image : url(../images/creation.gif);
           background-repeat : no-repeat;
           font-family : Verdana, Arial, Helvetica, sans-serif;
           color : #f88d02;
           font-size : 9px;
           font-weight : bold;
      }
     table.table2 {
           font-family : Verdana, Arial, Helvetica, sans-serif;
           font-size : 12px;
           color : #a7acb4;
      }
     table.cadre {
           font-family : Arial, Helvetica, sans-serif;
           font-size : 11px;
           color : #a7acb4;
      }
     table.sousmenuindex {
           background-image : url(images/sousmenu.gif);
           background-repeat : repeat;
           background-position : top;
      }
     table.sousmenu {
           background-image : url(../images/sousmenu.gif);
           background-repeat : repeat;
           background-position : top;
      }
     td.fond {
           background-image : url(../images/barrefond.jpg);
           background-position : center;
           background-repeat : repeat-x;
      }
     td.texte {
           font-family : Arial, Helvetica, sans-serif;
           font-size : 10px;
           color : #a7acb4;
      }
     td.rouge {
           background-image : url(../images/fondrouge.gif);
           background-repeat : no-repeat;
           font-family : Verdana, Arial, Helvetica, sans-serif;
           color : #f88d02;
           font-size : 8pt;
           text-indent : 0.4cm;
           font-weight : bold;
      }
     td.bordorange {
           border : 1px solid #f88d02;
      }
     td.petit {
           font-family : Arial, Helvetica, sans-serif;
           color : #FEFEFE;
           font-size : 2px;
      }
     td.fondtitre {
           font-family : Arial, Helvetica, sans-serif;
           color : #ffffff;
           font-size : 10px;
           padding-left : 8px;
           font-weight : bold;
           letter-spacing : 2px;
      }
     td.pintro2 {
           font-family : Arial, Helvetica, sans-serif;
           color : #f88d02;
           font-size : 7pt;
      }
     td.titrerouge {
           font-family : Arial, Helvetica, sans-serif;
           color : #f88d02;
           font-size : 8pt;
           font-weight : bold;
		   /*
           padding-left : 8px;
           letter-spacing : 2px;
		   */
      }
     td.indexblanc {
           font-family : Arial, Helvetica, sans-serif;
           color : #cccccc;
           font-size : 8pt;
      }
     td.indexblanctitre {
           font-family : Arial, Helvetica, sans-serif;
           color : #cccccc;
           font-size : 8pt;
           font-weight : bold;
      }
     td.cadrerouge {
           border : 1px solid #dedede;
           background-color : #cccccc;
           padding : 2px;
      }
     td.cadreorange {
           border : 1px solid #fee6c6;
           background-color : #ffffff;
      }
     td.annee {
           font-family : Arial, Helvetica, sans-serif;
           color : #b8b6b6;
           font-size : 10px;
           text-decoration : none;
      }
     td.maintenance {
           font-family : Arial, Helvetica, sans-serif;
           color : #ffffff;
           font-size : 30px;
           text-decoration : none;
      }
     td.erreur {
           font-family : Arial, Helvetica, sans-serif;
           color : #cccccc;
           font-size : 20px;
           text-decoration : none;
      }
     td.hautgaucheindex {
           background-image : url(images/hautgauche.jpg);
           background-position : top;
      }
     td.hautgauche {
           background-image : url(../images/hautgauche.jpg);
           background-position : top;
      }
     td.orangeindex {
           background-image : url(images/orange.gif);
           background-repeat : repeat;
           background-position : top;
      }
     td.orange {
           background-image : url(../images/orange.gif);
           background-repeat : repeat;
           background-position : top;
      }
     td.erreurrouge {
           font-family : Arial, Helvetica, sans-serif;
           color : #ff0000;
           font-size : 12px;
           text-decoration : none;
      }
     td.basorangeindex {
           background-image : url(images/basorange.gif);
           background-position : top;
      }
     td.basorange {
           background-image : url(../images/basorange.gif);
           background-position : top;
      }
     p {
           font-family : Arial, Helvetica, sans-serif;
           font-size : 8pt;
      }
     p.pintro1 {
           font-family : Verdana, Arial, Helvetica, sans-serif;
           color : #f88d02;
           font-size : 8pt;
           text-indent : 0.4cm;
           font-weight : bold;
      }
     p.pintro2 {
           font-family : Verdana, Arial, Helvetica, sans-serif;
           color : #333366;
           font-size : 10px;
           text-indent : 0.4cm;
           margin : 10px;
      }
     p.pintro3 {
           font-family : Verdana, Arial, Helvetica, sans-serif;
           color : #868685;
           font-size : 10px;
           margin-left : 50px;
		   
      }
     p.pintro4 {
           font-family : Verdana, Arial, Helvetica, sans-serif;
           color : #333366;
           font-size : 11px;
           margin-left : 40px;
      }
     p.pintro44 {
           font-family : Verdana, Arial, Helvetica, sans-serif;
           color : #333366;
           font-size : 11px;
      }
     p.pintro5 {
           font-family : Verdana, Arial, Helvetica, sans-serif;
           color : #333366;
           font-size : 10px;
           margin : 10px;
      }
     p.pintro6 {
           font-family : Verdana, Arial, Helvetica, sans-serif;
           color : #333366;
           font-size : 10px;
      }
     p.pintro7 {
           font-family : Verdana, Arial, Helvetica, sans-serif;
           color : #a7acb4;
           font-size : 10px;
      }
     p.index {
           font-family : Geneva, Arial, Helvetica, sans-serif;
           font-size : 11px;
           color : #868685;
           text-decoration : none;
           font-weight : normal;
           text-align : justify;
      }
     span {
           font-family : Arial, Helvetica, sans-serif;
           font-size : 11px;
           color : #5464ea;
           text-decoration : none;
           font-weight : normal;
      }
     a:link {
           font-family : Verdana, Arial, Helvetica, sans-serif;
           color : #333366;
           font-size : 10px;
           font-weight : bold;
           text-decoration : underline;
      }
     a:active {
           font-family : Verdana, Arial, Helvetica, sans-serif;
           color : #333366;
           font-size : 10px;
           font-weight : bold;
           text-decoration : underline;
      }
     a:visited {
           font-family : Verdana, Arial, Helvetica, sans-serif;
           color : #333366;
           font-size : 10px;
           font-weight : bold;
           text-decoration : underline;
      }
     a:hover {
           font-family : Verdana, Arial, Helvetica, sans-serif;
           color : #f88d02;
           font-size : 10px;
           text-decoration : none;
      }
     a.sites:link {
           font-family : Arial, Helvetica, sans-serif;
           color : #f88d02;
           font-size : 11px;
           padding-left : 5px;
           font-weight : bold;
           text-decoration : none;
      }
     a.sites:active {
           font-family : Arial, Helvetica, sans-serif;
           color : #f88d02;
           font-size : 11px;
           padding-left : 5px;
           font-weight : bold;
           text-decoration : none;
      }
     a.sites:visited {
           font-family : Arial, Helvetica, sans-serif;
           color : #f88d02;
           font-size : 11px;
           padding-left : 5px;
           font-weight : bold;
           text-decoration : none;
      }
     a.sites:hover {
           font-family : Arial, Helvetica, sans-serif;
           color : #0161ff;
           font-size : 11px;
           padding-left : 5px;
           background-color : #ffffff;
           font-weight : bold;
           text-decoration : none;
      }
     a.blanc:link {
           font-family : Arial, Helvetica, sans-serif;
           color : #333366;
           font-size : 11px;
           font-weight : 100;
           text-decoration : none;
           text-align : justify;
      }
     a.blanc:active {
           font-family : Arial, Helvetica, sans-serif;
           color : #333366;
           font-size : 11px;
           font-weight : 100;
           text-decoration : none;
           text-align : justify;
      }
     a.blanc:visited {
           font-family : Arial, Helvetica, sans-serif;
           color : #333366;
           font-size : 11px;
           font-weight : 100;
           text-decoration : none;
           text-align : justify;
      }
     a.blanc:hover {
           font-family : Arial, Helvetica, sans-serif;
           color : #a2aaed;
           font-size : 11px;
           font-weight : 100;
           text-decoration : none;
           text-align : justify;
      }
     a.webmaster:link {
           font-family : Arial, Helvetica, sans-serif;
           color : #FEFEFE;
           font-size : 10px;
           font-weight : 100;
           text-decoration : none;
      }
     a.webmaster:active {
           font-family : Arial, Helvetica, sans-serif;
           color : #FEFEFE;
           font-size : 10px;
           font-weight : 100;
           text-decoration : none;
      }
     a.webmaster:visited {
           font-family : Arial, Helvetica, sans-serif;
           color : #FEFEFE;
           font-size : 10px;
           font-weight : 100;
           text-decoration : none;
      }
     a.webmaster:hover {
           font-family : Arial, Helvetica, sans-serif;
           color : #a2aaed;
           font-size : 10px;
           font-weight : 100;
           text-decoration : none;
      }
     a.gris:link {
           font-family : Geneva, Arial, Helvetica, sans-serif;
           font-size : 11px;
           color : #868685;
           text-decoration : none;
           font-weight : normal;
           text-align : justify;
      }
     a.gris:active {
           font-family : Geneva, Arial, Helvetica, sans-serif;
           font-size : 11px;
           color : #868685;
           text-decoration : none;
           font-weight : normal;
           text-align : justify;
      }
     a.gris:visited {
           font-family : Geneva, Arial, Helvetica, sans-serif;
           font-size : 11px;
           color : #868685;
           text-decoration : none;
           font-weight : normal;
           text-align : justify;
      }
     a.gris:hover {
           font-family : Geneva, Arial, Helvetica, sans-serif;
           font-size : 11px;
           color : #868685;
           text-decoration : none;
           font-weight : normal;
           text-align : justify;
      }
	  
	  
	  
     a.bleu:link {
           font-family : Verdana, Arial, Helvetica, sans-serif;
           font-size : 10px;
           color : #333366;
           text-decoration : none;
           font-weight : normal;
           text-align : justify;
      }
     a.bleu:active {
           font-family : Verdana, Arial, Helvetica, sans-serif;
           font-size : 10px;
           color : #333366;
           text-decoration : none;
           font-weight : normal;
           text-align : justify;
      }
     a.bleu:visited {
           font-family : Verdana, Arial, Helvetica, sans-serif;
           font-size : 10px;
           color : #333366;
           text-decoration : none;
           font-weight : normal;
           text-align : justify;
      }
     a.bleu:hover {
           font-family : Verdana, Arial, Helvetica, sans-serif;
           font-size : 10px;
           color : #333366;
           text-decoration : none;
           font-weight : normal;
           text-align : justify;
      }
	  
	  
	  
     a.texteref:link {
           font-family : Verdana, Arial, Helvetica, sans-serif;
           font-size : 8px;
           color : #D1D0D0;
           text-decoration : none;
           font-weight : normal;
           text-align : justify;
      }
     a.texteref:active {
           font-family : Verdana, Arial, Helvetica, sans-serif;
           font-size : 8px;
           color : #D1D0D0;
           text-decoration : none;
           font-weight : normal;
           text-align : justify;
      }
     a.texteref:visited {
           font-family : Verdana, Arial, Helvetica, sans-serif;
           font-size : 8px;
           color : #D1D0D0;
           text-decoration : none;
           font-weight : normal;
           text-align : justify;
      }
     a.texteref:hover {
           font-family : Verdana, Arial, Helvetica, sans-serif;
           font-size : 8px;
           color : #D1D0D0;
           text-decoration : none;
           font-weight : normal;
           text-align : justify;
      }	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
     img.bordnoir {
           border : 1px solid #000000;
      }
     img.bordgris {
           border : 1px solid #FDC172;
      }
     input.box {
           font-family : Arial, Helvetica, sans-serif;
           font-size : 11px;
           color : #394b7a;
           border : 1px solid #fec780;
           padding-left : 5px;
           background-color : #ffffff;
      }
     textarea {
           border : 1px solid #fec780;
           background-color : #ffffff;
           padding-left : 5px;
           font-family : Arial, Helvetica, sans-serif;
           font-size : 11px;
           color : #394b7a;
      }
	  input.bouton {
			font-family:Arial, Helvetica, sans-serif; font-size: 8px; letter-spacing:2px;
			color:#FFFFFF;
			border:1px outset #F88D02;
			background-color:#F88D02;
			cursor:pointer;
			}
     input.bouton:hover {
           background-color : #ffffff;
           color : #f88d02;
      }
     input.bouton:active {
           border : 1px inset #f88d02;
           background-color : #cccccc;
           color : #f88d02;
      }
     input.trans {
           border : 1px solid #ffffff;
           background-color : #ffffff;
           font-family : Verdana, Arial, Helvetica, sans-serif;
           font-size : 12px;
           color : #a7acb4;
      }