body
		{
			margin: 10px 0;
			padding: 0;
			text-align: left;
			font: 0.8em "Trebuchet MS", helvetica, sans-serif;
			background: #eee url(design/bg.png) repeat-y center;
		}
		
div#conteneur
		{
			
			width: 1000px ;
			margin: 0 auto ;
			text-align: left ;
			/*border: 2px solid #ab4 ;*/
			background: #fff ;
			
		}
		
h1#header
		{
			height: 201px ;
			margin: 0 ;
			background: url(design/test.jpg) no-repeat left top ;
		}
		
h1#header a
		{
			width: 400px ;
			height: 200px ;
			display: block ;
			/*background: url(design/bannieredroite.gif) no-repeat ;*/
			position: relative ;
			left: 350px ;
			top: 15px ;
		}
		
h1#header a span
		{
			display: none ;
		}
		
ul#menu
		{
			height: 25px ;
			margin: 0 ;
			padding: 0 ;
			background: url(design/fondmenu.gif);
			background-repeat: repeat ;
			list-style-type: none ;
		}
				
ul#menu li
		{
			float: left ;
			text-align: center ;
		}
		
ul#menu li a
		{
			width: 115px ;
			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 ;
		}
		
ul#menu li a:hover
		{
			background: url(design/fondmenu.gif) ;
		}
		
img
		{
		   border: 5px solid #fff;
           -moz-box-shadow: 1px 1px 12px #555; 
           -webkit-box-shadow: 1px 1px 12px #555; 
           box-shadow: 1px 1px 12px #555; 
		   float: none;
		   margin: 0 2px 2px 0;
		   
 		}
		
div#contenu
		{
			float: left;
			width : 600px;
			padding: 5px 25px 5px 25px; /*est égal à ( padding-top: intérieur haut ; padding-right: intérieur droite ; padding-bottom: intérieur bas ; padding-left: intérieur gauche ; } */
			border-radius:10px; 
			background-color: #FFFFFF;
			color: #000000; 
		}
		
div#contenu a
		{
			color: #FF9900;
		  	text-decoration: none; /* Les liens ne seront plus soulignés */
		}
		
div#news
		{
		width : 650px;
		 border: 5px solid #fff;
        -moz-box-shadow: 8px 8px 12px #aaa; 
        -webkit-box-shadow: 8px 8px 12px #aaa; 
        box-shadow: 8px 8px 12px #555; 

		}

div#contenu h2
		{
			padding-left: 25px ;
			line-height: 25px ;
			font-size: 1.4em ;
			background: url(design/icomfr.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 p
		{
			text-align: justify ;
			line-height: 1.7em ;
		}
		
div#contenu a
		{
			color: #8a0 ;
		}
		
div#contenu a:hover
		{
			color: #9b2 ;
		}
		
div#lateral
		{
		float: right;
		width: 260px;
		/*margin-left: 800px; /* -> 6 */
		margin-right: 20px;
		padding: 12px 0;
		}
		
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 ;
		}
		
.titreclasse 
		{ 
		background-image: url('http://mfrmorlaix.free.fr/design/sidebarorange.gif');
		font-family: verdana, arial, serif;
		font-size: 16px;
		color: black;
		font-weight: bold;
		padding: 2px;
		text-align: center;
		}
		
		
/* --- Les tableaux ---*/

		table /* Le tableau en lui-même */
		{
  		 /*width: auto;/*largeur automatique*/
  		 margin: auto;
 		 border: 1px solid blue; /* Bordure */
   		 border-collapse: collapse; /* Colle les bordures entre elles */
		}

		th /* Les cellules d'en-tête */
		{
 		width: auto;
   		background-image: url('http://mfrmorlaix.free.fr/design/barregrise.gif');
   		background-color: #C0C0C0;
   		color: black;
   		text-align: center;/*Alignement au centre du texte*/
   		font-size: 11px;
   		font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
   		border: 1px solid black;
		}

		td /* Les cellules normales */
		{
 		width: auto;
   		border: 1px solid black;
   		font-size: 11px;
   		font-family: verdana, "Trebuchet MS", Times, "Times New Roman", serif;
   		text-align: center; /* Tous les textes des cellules seront centrées*/
   		padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
		}

		/* apparence des liens ds le tableau*/
		.element_table a
		{
   		color: black;
   		text-decoration: none;
		}
		/*apparence au survol de la souris*/
		.element_table a:hover 
		{
		color: blue;
   		background-color: white;
		}
/* Pied de page */
div#footer 
		{
		
		background-image: url(design/bg_foot.png);
		}
		div#footer a
		{
		color : white;
		text-decoration: none; /* Les liens ne seront plus soulignés */ 
		}