body
				{
					margin: 10px 0 ; /*marges hautes et basse à 10px, marges droite et gauche à 0px */
					padding: 0 ;
					text-align: center ;
					font: 0.8em "Verdana", helvetica, sans-serif ; /*taille du texte, police d'écriture*/
					/*background-color: #B5d8ff ;*/
					background-image: url("fond.png");
					background-attachment:fixed ; /*fixation de l'image de fond, pour éviter la répétition*/
	
				}
			h1
				{
					color:#FF0000;
					font-size:1em;
					text-decoration:underline;
					font-weight:bold;
				}

			div#conteneur
				{
					background-color: #d1e0f2 ;
					padding:5px;
					border:#0000FF solid 1.5px;
					width: 768px ; /*largeur du conteneur*/
					margin: 0 auto ; /*centrage des blocs*/
					text-align: left ; /*alignement du texte à gauche*/
				}
				
			.conteneur
				{
					width: 768px ; /*largeur du conteneur*/
					margin: 0 auto ; /*centrage des blocs*/
					text-align: left ; /*alignement du texte à gauche*/
				}

			ul#menu
				{
					height: 23px ;
					margin: 0 ;
					padding: 0 ;
					background: url(b_menu.png) repeat-x 0 0 ;
					list-style-type: none ;
				}

			ul#menu li
				{
					float: left ;
					text-align: center ;
				}

			ul#menu li a
				{
					width: 94px ; /*longueur des cases liens du menu*/
					line-height: 23px ; /*hauteur de ligne*/
					font-size: 0.9em ; /*taille des caractères*/
					font-weight: bold ; /*mise en forme du texte, attribut "gras"*/
					letter-spacing: 1.8px ; /*espacement des lettres*/
					color: #fff ; /*couleur du texte du menu*/
					display: block ;
					text-decoration: none ;
					border-right: 1px solid #0000FF ; /*bordure gauche lien, taille et couleur*/
					border-left: 1px solid #0000FF ; /*bordure droite lien, taille et couleur*/
				}

			ul#menu li a:hover
				{
					background: url(b_menu.png) repeat-x 0 -23px ; /*décalage de l'image au passage de la souris*/
				}
				
			a{
				text-decoration:none
				}


			div#footer
				{
					margin: 0 ; /*marge bas de page*/
					padding-right: 10px ;
					line-height: 30px ; /*hauteur de ligne*/
					text-align: right ; /*alignement du texte*/
					color: #0000FF;
					font-size:0.8em;
				}

			pre
				{
					overflow: auto ;
					background: #dea ;
					border: 2px solid #9b2 ; /*bordure, taille et couleur*/
					padding: 5px 0 0 5px ;
					font-size: 1.2em ; /*taille du texte*/
				}

			* html pre
				{
					width: 636px ; /*largueur*/
				}

			pre span
				{
					color: #560 ;
				}

			pre span.comment
				{
					color: #b30000 ;
				}
			.titre
				{
					color:#0000FF;
					font-size:1.4em;
					outline:#0000FF;
					font-weight:bold;
				}
			hr
				{
					color:#0000FF;
				}
			
			.hr
				{
					color:#0000FF;
				}	
			
			.titre
				{
					color:#0000FF;
					font-size:1.3em;
					outline:#0000FF;
					font-weight:bold;
				}

			.txtbleu
				{
					color:#00F;
					font-size:1em;	
				}	
				
			.txtrouge
				{
					color:#FF0000;
					font-size:1em;	

				}
				
			.txtvert
				{
					color:#099;
					font-size:1em;	

				}		
			.cg
				{
					width: 384px;
					height: 283px;
					float:left;
				}
			
			.cd
				{
					width: 384px;
					height: 285px;
					float:right;
				}
			img 
				{
					border:0;
					margin:0;
				}
			.opt
			{
				margin:0;
				padding:0;
				text-align:center;
				font-size:0.8em;
			}