body
		{
			margin: 25px 0 ;
			padding: 0 ;
			text-align: center ;
			font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
			background: #eeeeee ;
		}
		img{border:none;}
		
		div#conteneur
		{
			width: 770px ;
			margin: 0 auto ;
			text-align: left ;
			border: 1px solid #cccccc;
			background: #FFFFFF ;
		}
		
		h1#header
		{
			height: 150px ;
			margin: 0 ;
			background: url(../images/degrade1.png) no-repeat right top ;
		}
		
		h1#header a
		{
			width: 400px ;
			height: 150px ;
			display: block ;
			background: url(../images/logo.png) no-repeat ;
			position: relative ;
			left: 50px ;
			top: 0px ;
		}
		
		h1#header a span
		{
			display: none ;
		}

		ul#menu
		{
      margin:0;
      padding:0;
      list-style-type:none;
      width:auto;
      position:relative;
      display:block;
      height:36px;
      text-transform:uppercase;
      font-size:12px;
      font-weight:bold;
      background:transparent url("../images/bgOFF.gif") repeat-x top left;
      font-family:Helvetica,Arial,Verdana,sans-serif;
      border-bottom:4px solid #336666;
      border-top:1px solid #C0E2D4;
		}

		ul#menu li
		{
      display:block;
      float:left;
      margin:0;
      padding:0;
		}

		ul#menu li a
		{
      display:block;
      float:left;
      color:gray;
      text-decoration:none;
      padding:12px 20px 0 20px;
      height:24px;
      background:transparent url("../images/bgDIVIDER.gif") no-repeat top right;
		}

		ul#menu li a:hover
		{
      background:transparent url("../images/bgHOVER.gif") no-repeat top right;
		}

		ul#menu li a.current,ul#menu li a.current:hover
    {
      color:#fff;
      background:transparent url("../images/bgON.gif") no-repeat top right;
    }
		
		div#contenu
		{
			padding: 0 30px 0 30px ;
			min-height:420px;
		}
		
		div#contenu h2
		{
			padding-left: 0px ;
			line-height: 25px ;
			font-size: 1.4em ;
			color: #3d7575 ;
			border-bottom: 1px solid #3d7575 ;
		}

		div#contenu h3
		{
			margin-left: 15px ;
			padding-left: 5px ;
			border-bottom: 1px solid #3d7575;
			border-left: 3px solid #3d7575;
			color: #3d7575;
			text-decoration: none;
		}
		
		div#contenu p
		{
			text-align: justify ;
/*			text-indent: 2em ;*/
			line-height: 1.7em ;
		}

		div#contenu p.indent{
			margin-left: 20px ;
			padding-left: 5px ;
    }
		
		div#contenu a
		{
			color: black;
		}
		
		div#contenu a:hover
		{
			color: gray;
		}
		div#contenu ul{
      list-style-type: square ;
    }

		p#footer
		{
			margin:0;
			padding-right: 0 ;
			line-height: 30px ;
			text-align: center ;
			color: gray ;
			text-transform:uppercase;
		}
		

		.ImageAdroite{
       float:right;
       margin-left: 20px;
    }

    hr{
       clear:both;
       visibility: hidden;
    }

		pre
		{
			overflow: auto ;
			background: #dea ;
			border: 2px solid #9b2 ;
			padding: 5px 0 0 5px ;
			font-size: 1.2em ;
		}
		
		
		pre span
		{
			color: #560 ;
		}
		
		pre span.comment
		{
			color: #b30000 ;
		}