/*
	Design du site bibiriche
	Réalisé par Gérard BELLETEIX
    <lien url="http;//www.topfichiers.com</lien>	
*/

    body /* fond de page */ 
	{
	            width: 760px;
				margin: auto;
				margin-top: 20px;
				margin-bottom: 20px;	
				background-image: url("images/orange_020.jpg ");
	}
      
			
	/* L'en-tête */
				  
	#en_tete
	{		
 		width: 760px;
		height: 225px;
		background-image: url("images/topfic1.jpg");
		background-repeat: no-repeat;
		margin-bottom: 10px;
	}
	
	/* Le menu */
	#menu
	{
	    float: left; /* Le menu flottera à gauche. right=droite. justify=toute la largeur. page 220*/
		width: 1000px; /* Très important : donner une taille au menu */
	}	
		
	/* suite menu */
	a
	{   text-decoration: none; /* Les liens ne seront plus soulignés */
	    color: blue; /* Les liens seront en  bleu */
    }
    a:hover  /* Quand le visiteur pointe sur le lien */
       {
        text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
        color: green; /* Le lien sera écrit en vert quand on pointera dessus */
	}
		
	#liste-enligne 
	{
    margin: 0;  
    width: 80%;
    padding: 5px;
    font-family: Verdana, sans-serif;
   }

   #liste-enligne p 
     {
    display: inline;
   }

   #liste-enligne ul, #liste-enligne li {
    display: inline;
    margin: 0;
    padding: 0;
    color: #339;
    font-weight: bold;
   }

   .imageflottante
       { 
	   float: left;
	} 
	.dessous
	{
	   clear: both;
	}   
   #corps
      {	  
	  margin-left: 0px;
	  margin-bottom: 20px;
      padding: 0px;
	}	  
	
   #corps h1  /* Tous les titres h1 du corps, Un entrepreneur heureux */
        {
        height: 24px;
		font-size: 28px;
        text-align: center;
        font-family: Arial, "Arial black", "Times New Roman", Times, serif; 
	}
	
	#corps h2  /* Tous les titres h2 du corps, Mon histoire, grace..., rentable.... */
	{
        height: 18px;
		font-size: 18px;
        text-align: left;
        font-family: Arial, "Arial black", "Times New Roman", Times, serif; 
	}
	
    #corps h3  /* Tous les titres h3 du corps, Arretez de..... n'attendez pas ..... */
	{
        height: 18px;
		font-size: 18px;
        text-align: center;
        font-family: Arial, "Arial black", "Times New Roman", Times, serif; 
		color: green;
	}
	
	#corps h4  /* Tous les titres h4 du corps, hep */	
		
	{
        height: 18px; 
        font-size: 18px;		
        text-align: left;
        font-family: Arial, "Arial black", "Times New Roman", Times, serif;
        color: black; 		
	}
	
	#corps h5  /* Tous les titres h5 du corps, copyr... */	
	{
        height: 9px; 
        font-size: 9px;		
        text-align: left;
        font-family: Arial, "Arial black", "Times New Roman", Times, serif;
	}
   	
    em
        {
        height: 16px; 
        font-size: 16px;
		font-family: Arial, "Arial black", "Times New Roman", Times, serif;
        font-style: italic;
		font-weight: bold;
		color: red;
	}	
	
	p
	{
	    height: 16px; 
        font-size: 16px;
		text-align: left;
		font-family: Arial, "Arial black", "Times New Roman", Times, serif;        
		color: black;  
	}	
	
	dd
	{
	    height: 14px; 
        font-size: 14px;
		text-align: left;
		font-family: Arial, "Arial black", "Times New Roman", Times, serif;        
		color: black;  
	}

	dt
	{
	    height: 15px; 
        font-size: 15px;
		text-align: left;
		font-family: Arial, "Arial black", "Times New Roman", Times, serif;        
		color: green;
        font-weight: bold;  		
	}	
	l
	{
	    height: 16px; 
        font-size: 16px;
		text-align: left;
		font-family: Arial, "Arial black", "Times New Roman", Times, serif;        
		color: black;  
	}	
  
    .liste
	{
	color: black;
	font-size: 10px;
	}
	
	.secteur
	{
	color: black;
	font-size: 15px;
	}