body
	
	{
	width: 800px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	/*background-image: url(photo_gif/fond_accueil.jpg);
	background: #F3EDC7*/
	
	}
	  /* L'en_tete */
	#en_tete
	{
	width: 800px;
	height: 200px;
	background-image: url(photo_gif/banniere-rouffach.jpg);
	background-repeat:no-repeat;
	margin-bottom: 10px;
    
     	}
	
	#conteneursite
       {
	background-color: #E0E0E0;      /*couleur de fond de la page centrale*/
	border-left: 1px solid #666666 ;
	border-right: 1px solid black;
	border-bottom:1px solid black;
	height: 4000px;      /* taille de la fenetre recevant les images*/
	
                  }

    .image_droite
	{ float:right;   /*place l'image à droite de la page*/
	
	border-right: 20px #FFFFFF;     
	}
	
	
	.image_gauche
	{ float:left;
	border-left: 20px #FFFFFF;
	background-image: url(photo_gif/besnault.jpg);
	}	
	
	.page
	     {
		 
		 width:: 850;
		 background-color: #FFFFFF;
		 }
	
		
	.marron16px
	{
	color:#FF0000;
	font-size: 20px;
	
		    }
	
	.marronj14px
	{
		color: #CC3300;
		font-size: 14px;
			}
	
	.gras
	{
	border-left: 50px;
	font-weight:bold;
	color:#CC9900;

	        }
	
	p
	
	{
	color: #CC3300;
	text-align:justify;
	padding: 20px;
	        }
			
	.imageflottante
	{
	float: left;
	}