/* D ' a p r è s  u n  t u t o r i e l  A l s a c r e a t i o n . c o m */

		body
		{
		margin: 10px 0 ;
		padding: 0 ;
		text-align: center ;
		font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
		background: #fc6 ;
		}

		div#conteneur
		{
		width: 770px ;
		margin: 0 auto ;
		text-align: left ;
		border: 2px solid #ab4 ;
		background: #fff ;
		}

		a img
		{
			border: 0px; 
		}

		img
		{
			border: 0px; 
		}
	
	
		h1#header
		{
			height: 203px ;
			background: url(sceau2.gif) no-repeat left top;
		}

		h1#header a
		{
			width: 400px ;
			height: 91px ;
			display: block ;
			background: url(terlon_home.gif) no-repeat ;
			position: relative ;
			left: 350px ;
			top: 15px ;
		}

		h1#header a span
		{
			display: none ;
		}

		ul#menu
		{
			height: 35px ;
			margin: 0 ;
			padding: 0 ;
			list-style-type: none ;
		}
				
		ul#menu li
		{
			float: left ;
			text-align: center ;
		}

		ul#menu li a
		{
			width: 130px ;
			line-height: 25px ;
			font-size: 1.2em ;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #fff ;
			display: block ;
			text-decoration: none ;
			border-right: 2px solid #dea ;
			background: #cc3 ;
		}

		ul#menu li a:hover
		{
			background: #933 ;
		}


		ul#fam
		{
			height: 25px ;
			margin: 0 ;
			padding: 0 ;
			list-style-type: none ;
		}
				
		ul#fam li
		{
			float: left ;
			text-align: center ;
		}

		ul#fam li a
		{
			width: 126px ;
			line-height: 20px ;
			font-size: 1em ;
			color: #fff ;
			display: block ;
			text-decoration: none ;
			border-right: 2px solid #dea ;
			background: #933 ;
		}

		ul#fam li a:hover
		{
			background: #cc3 ;
			color: #fff ;
		}


		ul#puce
		{
			list-style-type: disc ;
			line-height: 25px ;
			color: #cc3 ;
			font-size: 1.1em ;
		}

		div#contenu
		{
			padding: 0 30px 0 100px ;
			background: url(oeil.jpg) no-repeat 15px 15px ;
		}

		div#contenu h2
		{
			padding-left: 25px ;
			line-height: 25px ;
			font-size: 1.4em ;
			background: url(sceau_mini2.gif) no-repeat left bottom ;
			color: #9b2 ;
			border-bottom: 1px solid #9b2 ;
		}

		div#contenu h3
		{
			margin-left: 15px ;
			padding-left: 5px ;
			border-bottom: 1px solid #9b2 ;
			border-left: 3px solid #9b2 ;
			color: #9b2 ;
		}

		div#contenu h4
		{
			margin-left: 0px ;
			padding-left: 0px ;
			font-size: 1.15em ;
			color: #000 ;
			text-indent: 0em ;
		}

		div#contenu p
		{
			text-align: justify ;
			text-indent: 2em ;
			line-height: 1.7em ;
		}

		div#contenu a
		{
			color: #8a0 ;
		}

		div#contenu a:hover
		{
			color: #9b2;
		}

		div#noretrait
		{
			text-align: justify ;
			line-height: 1.7em ;
		}

		.float 
		{
			text-align: justify ;
			float: left;
			width: 40%;
			margin: 1em 0;
			padding: 0em 1em 0em 1em;
			text-indent: 2em ;
			line-height: 1.7em ;
		}

		.spacer 
		{
			clear: both;
		}

		.soulignRouge
		{
		border-bottom: 1px solid #933 ;
		}
		
		.em3
		{
			height: 3em;
		}
			
		p#footer
		{
			margin: 0 ;
			padding-right: 10px ;
			line-height: 30px ;
			text-align: right ;
			color: #8a0 ;
		}

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

		* html pre
		{
			width: 636px ;
		}

		pre span
		{
			color: #560 ;
		}

		pre span.comment
		{
			color: #b30000 ;
		}