voici le code de la page index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" > 
<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Bienvenue , Pâtisserie sidi Bou</title>




<meta name="Description" content="Site Template Theme">
<meta name="Keywords" content="menus, website, template, your, key, words, here">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="shortcut icon" type="image/ico" href="favicon.ico">

<link href="css/style.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="css/colorbox.css">
<link href="css/ddsmoothmenu.css" rel="stylesheet" type="text/css">
<link href="css/kwicks.css" rel="stylesheet" type="text/css">

<!--[if lte IE 6]>
	<link rel="stylesheet" type="text/css" href="css/ie6.css" media="screen" />
<![endif]-->

<!--[if IE 7]>
	<link rel="stylesheet" type="text/css" href="css/ie7.css" media="screen" />
<![endif]-->
	
<!-- JQUERY Library -->
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/colorbox/jquery.colorbox-min.js"></script>
<script type="text/javascript" src="js/fadeinout.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/Museo_Sans_500.font.js"></script>
<script type="text/javascript" src="js/fontconfig.js"></script>
<script type="text/javascript" src="js/menu/ddsmoothmenu.js">
/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at  http://www.dynamicdrive.com/  for full source code
***********************************************/
</script>

<!-- Kwicks Accordion and Easing -->
<script src="js/kwicks/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="js/kwicks/jquery.kwicks-1.5.1.pack.js" type="text/javascript"></script>
		
<script type="text/javascript" src="js/common.js"></script>
<!-- Kwicks Custom and Initializing -->
<script type="text/javascript" src="js/kwicks/kwicks-custom.js"></script>
<?php
include('scripts/fonctions.php');
?>
		
</head>

<body>

<div id="mainpagecontainer"> <!-- Outside Container -->
	<div id="mainpage"> 
	
		<div id="mainpageheader"> <!-- Header Start -->
			<div class="clear"></div>
			
			<div id="smoothmenu1" class="ddsmoothmenu"><!-- The Menu -->
				
				<br style="clear: left">
			</div>
			
		</div> <!-- Close Header -->
		

		<!-- Featured Block -->
		<div class="container">
			<ul  >
				
				
				
				<!-- Item End -->
				<!-- Item Start - Refer to first item for explanation -->
				<li >
					<div>
					
						<a href="#"><img  src="images/gateaux/porte-tunisienne2.jpg" alt="Fourth Image"></a>
						
					</div>
				</li>
				<!-- Item End -->
			</ul>
		</div>

		<div class="clear"></div>
		<!-- End of Featured Block -->


		<!-- Big Saying with Button -->
		<div class="mbigsaying">
			<div class="mbigbutton">
			<span><a href="#">Arabe</a></span>
            
			</div>
            
            
            <div class="mbigbutton">
			<span><a href="#">Anglais</a></span>
            
			</div>
            
            <div class="mbigbutton">
			<span><a href="index-slider.php">Français</a></span>
            
			</div>
            
            
            
			<div class="mbigtextwrap">
				<div class="mbigtitle">
				Gateaux de sidi Bou 
				</div>
				<div class="mbigdesc">
				Gateaux 100% tunsienne
				</div>
			</div>
		</div>
		<!-- Big Saying Ends -->
		
		
		
		<!-- Three Steps with Icons and text -->
				
		<div class="clear"></div>
				
		<!-- Portfolio Block -->
		<div id="mportfoliowrap">
			
			
			
			
			
			
			<div class="clear"></div>
		</div>
		
		
		
		
		

	</div> <!-- Close Mainpage -->
	
	<!-- Footer start -->
	<div id="footer">
		<div id="footerwrap">
			<!-- Footer List One -->
			<div class="footerminibox">
				<div class="footertitle">Produits</div>
				<div class="footerposts">
				<ul>
					<li><a href="#">Products</a></li>
					<li><a href="#">Services</a></li>
					<li><a href="#">Portfolio</a></li>
					<li><a href="#">Clients</a></li>
					<li><a href="#">Testimonials</a></li>
					<li><a href="#">Links</a></li>
				</ul>
				</div>
			</div>
			<!-- Footer List Two -->
			<div class="footerminibox">
				<div class="footertitle">Sociéte</div>
				<div class="footerposts">
				<ul>
					<li><a href="#">What we do</a></li>
					<li><a href="#">How we started</a></li>
					<li><a href="#">Company</a></li>
					<li><a href="#">Contact</a></li>
					<li><a href="#">Social links</a></li>
					<li><a href="#">Links</a></li>
				</ul>
				</div>
			</div>
			<!-- Footer with Social Icons -->
			<div class="footerminibox">
				<div class="footertitle">Réseaux sociaux</div>
				<div class="footersocial">
				<ul>
					<li><a href="#"><img src="images/icons/facebook_16.png" alt="facebook"> Facebook</a></li>
					<li><a href="#"><img src="images/icons/twitter_16.png" alt="twitter"> Twitter</a></li>
					<li><a href="#"><img src="images/icons/flickr_16.png" alt="flickr"> Flickr</a></li>
					<li><a href="#"><img src="images/icons/linkedin_16.png" alt="linkedin"> Linkedin</a></li>
					<li><a href="#"><img src="images/icons/tumblr_16.png" alt="facebook"> Tumblr</a></li>
					<li><a href="#"><img src="images/icons/mixx_16.png" alt="mixx"> Mixx</a></li>
				</ul>
				</div>
			</div>
			<!-- Footer with About and Image -->
			<div class="footerbox footerspace">
				<div class="footertitle">Qui sommes Nous</div>
				<div class="footertext">
					<div class="aboutimage">
						<a href="#"><img src="images/footer/about.jpg" alt="photo"></a>
					</div>
				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec, nibh ut feugiat placerat, orci lacus accumsan erat, eget ni sem porttitor arcu velit a lacus. Nam iaculis aliquam. <a href="#">more</a>
				</div>
			</div>
			<!-- Footer with Address -->
			<div class="footerbox footerspace">
				<div class="footertitle">Nos coordonnées</div>
					<div class="footeraddress">
						<ul>
							<li>Echoes Inc.,</li>
							<li>2142 Name of Road,</li>
							<li>CA, USA</li>
							<li>Tel1: +1 234 567 8910</li>
							<li>Tel2: +1 234 567 8910</li>
							<li>Fax1: +1 234 567 8910</li>
							<li>Email: <a href="#">email@youremail.com</a></li>
							<li>Blog: <a href="#">blog.domain.com</a></li>
							<li>Website: <a href="#">the.domain.com</a></li>
						</ul>
					</div>
			</div>

			<div class="clear"></div>
		</div>
		<div class="clear"></div>
	</div>
	<!-- Footer Blocks End -->
	<!-- Footer with Copyright and other info -->
	<div id="footerbarwrap">
	<?php autheur();?>
	</div>
	<!-- Footer End -->
</div> <!-- Close Container -->
<!-- Cufon Activation mainly for IE -->
<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>


je ecris dans le code Français mais il s'affiche Franais


alors je sais pas ou est le probleme, merci de m'aider
Il faudrait que tu mettes l'encodage du fichier à iso-8859-1 ou iso-8859-2 pour qu'il corresponde à celui indiqué dans la balise Meta.
Avec l'éditeur PSPAD, par exemple, on modifie l'encodage au niveau du menu "FORMAT".