body
		{
			margin: 1px 0 ;
			padding: 0 ;
			text-align: center ;
			font: 0.9em "Trebuchet MS", helvetica, sans-serif ;
			background: url(fonds/degrade-rouge.jpg) repeat-x ;
		}
		
		div#conteneur
		{
			width: 1000px ;
			margin: 0 auto ;
			text-align: left ;
			border: 2px solid #DD1923 ;
			background: #fff ;
		}
		
		h1#header
		{
			height: 170px ;
			margin: 0 ;
			background: url(header.jpg) no-repeat left top ;
		}
		
		h1#header a
		{
			width: 800px ;
			height: 47px ;
			display: block ;
			background: url(pij-aubagne.gif) ;
			position: relative ;
			left: 180px ;
			top: 15px ;
		}
		
		h1#header a span
		{
			display: none ;
		}
		
		ul#menu
		{
			height: 40px ;
			margin: 0 ;
			padding: 0 ;
			background-color: #E12023 ;
			list-style-type: none ;
			font: 0.9em "Trebuchet MS", helvetica, sans-serif ;

		}
				
		ul#menu li
		{
			float: left ;
			text-align: center ;
		}
		
		ul#menu li a
		{
			width: 123px ;
			line-height: 40px ;
			font-size: 1em ;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #fff ;
			display: block ;
			text-decoration: none ;
			border-right: 2px solid #FFF ;
		}
		
		ul#menu li a:hover
		{
			background-color: #7F5199 ;
		}
		
		div#contenu
		{
			padding: 0 50px 0 100px ;
			background: url(pij-vertical.gif) no-repeat 10px 10px ;
		}
		
		div#contenu h2
		{
			padding-left: 35px ;
			line-height: 25px ;
			font-size: 1.4em ;
			background: url(main-pij.gif) no-repeat left bottom ;
			color: #DD1923 ;
			border-bottom: 1px solid #DD1923 ;
		}
		
		div#contenu h3
		{
			margin-left: 35px ;
			padding-left: 5px ;
			border-bottom: 1px solid #2994C8 ;
			border-left: 3px solid #2994C8 ;
			color: #2994C8 ;
		}
		
		div#contenu h4
		{
			margin-left: 0px ;
			padding-left: 0px ;
			border-bottom: 3px solid #7C5198 ;
			color: #7C5198 ;
		}
		
		div#contenu h5
		{
			margin-left: 35px ;
			padding-left: 8px ;
			font-size: 1.1em ;
			border-left: 16px solid #8a0 ;
			color: #FF6600 ;
		}
		
		div#contenu h6
		{
			font-size: 0,9em ;
			margin-left: 0px ;
			padding-left: 0px ;
		}
		
		div#contenu p
		{
			text-align: justify ;
			margin-left: 20px ;
			line-height: 1.5em ;
		}
		
		div#contenu a
		{
			color: #8a0 ;
		}
		
		div#contenu a:hover
		{
			color: #9b2 ;
		}
		
		div#boite-google
		{
			position: relative;
			margin-top: 10px;
			width: 45%;
			float: right; 		
		}
		
		div#boite-droite
		{
			position: relative;
			padding: 10px 10px 10px 10px;
			margin-top: 10px;
			border-color: #666;
			border-width: 1px;
			border-style: double;
			width: 46%;
			float: right; 		
		}
		
		div#boite-gauche
		{
			position: relative;
			padding: 10px 10px 10px 10px;
			margin-top: 10px;
			margin-right: 10px;
			border-color: #666;
			border-width: 1px;
			border-style: double;
			width: 46%;
			float: left; 		
		}
		
			div#boite1
		{
			position: relative;
			padding: 10px 10px 10px 10px;
			margin-top: 10px;
			border-color: #666;
			border-width: 0px;
			width: 60%;
			float: left; 		
		}
		
		div#boite2
		{
			position: relative;
			padding: 0px 10px 5px 5px;
			margin: 20px 0px 5px 5px;
			border-width: 2px;
			border-color: #FF6600;
			border-style: dashed;
			width: 32%;
			float: right; 		
		}
		
			
		h1#footer
		{
			height: auto ;
			padding: 20px 20px 20px 90px;
			margin: 0 ;
			border-top: 1px solid #7C5198 ;
			background-color: #CCCCFF;
		}
		
		p#boite
		{
			margin: 0 ;
			padding: 10px ;
			text-align: left ;
		}
		
		p#footer
		{
			margin: 0 ;
			padding-right: 10px ;
			line-height: 30px ;
			text-align: right ;
			color: #FDD818 ;
			background-color: #7F5199;
		}
		
		p#footer a
		{
			color: #FD8818 ;
		}
		
		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 ;
		}