/* MISE EN FORME DU TEXTE */

    /* Début du paramétrage du texte du menu */

       #menu
       {
	   text-align: center;
       }

       .menu_item a		/*Titres de menus*/
       {
           font-family: Verdana, Georgia, serif;
	   color: rgb(238,255,200);
           font-weight: bold;
	   font-size: 100%;
	   text-align: center;
	   margin-left: 10px;
       }
       
       #sub_menu h3 a
       {
	   font-family: Verdana, Georgia, serif;
	   color: rgb(238,255,200);
           font-weight: bold;
	   font-size: 100%;
       }

    /* Fin du paramétrage du texte du menu */

    /* Début du paramétrage des magnifiques titres */
	h1,h2,h3,h4,h5,h6 		/*tous les titres*/
	{
	    color: rgb(0,71,39);

	}
	h1:first-letter			/*Première lettre des titres principaux*/
	{
	    font-weight: bold;
	    font-size: 120%;
	}
    /* Fin du paramétrage des magnifiques titres */

    /* Début du paramétrage des pipotesques paragraphes */
	p				/*tous les paragraphes*/
	{
	    color: rgb(0,40,15);
	    text-indent: 20px;
	    text-align: justify;
	    font-family: Verdana, Georgia, serif;
	}
	p:first-line			/*première ligne de tous les paragraphes*/
	{
/* 	    font-variant: small-caps; */
	}
    /* Fin du paramétrage des pipotesques paragraphes */

/* Début du paramétrage des magnifiquesques coups d'écrans */
    .screenshot			/*Les coups d'écrans eux-mêmes*/
    {
	border: none;
	margin: 10px;		/*marges extérieures (padding pour marges intérieures)*/
    }	
    .paragraphe_screenshots		/*Le paragraphe qui contient les screenshots*/
    {
	text-indent: 0px;
	text-align: center;
    }
/* Fin du paramétrage des magnifiquesques coups d'écrans */

/* Début du paramétrage du petit pied de la gentille page */
    .pied_de_page
    {
	text-align: center;
	font-size: 80%;
	color: rgb(238,255,200);
    }
    
    .pied_de_page a
    {
	color: rgb(224,161,0);
    }
    
    .pied_de_page a:hover
    {
	color: rgb(250,185,0);
    }
/* Fin du paramétrage du petit pied de la gentille page */

/* FIN DE MISE EN FORME DU TEXTE */

/* DESIGN GLOBAL DU SITE */
/* Début du paramétrage du misérable contenu */
body
{
    background-color: rgb(86,0,110);
    width: 900px;	        /*design à largeur fixe.*/
    margin: auto;		/*centrage. Ne marche qu'en largeur fixe.*/
    margin-top: 0px;
    margin-bottom: 20px;
/*     border: 2px solid red; */
}

#menu
{
    width: 900px;
    margin: auto;
    margin-bottom: 5px;
/*     border: 2px solid black; */
}

#menu_container
{
    background-color: rgb(86,0,110);
    width: 900px;		/*taille fixe indisp. pour attrib. float*/
    height: 200px;
    margin: auto;
    margin-bottom: 5px;
/*     border: 2px solid yellow; */
}


#image_triton
{
    width: 200px;
/*     border: 2px solid blue; */
    float: left;
}

#sub_menu
{
    background-color: rgb(86,0,110);
    width: 650px;
    height: 190px;
    float: right;

/*     border: 2px solid green; */
}

#contenu
{
    width: 500px;
    margin-left: 180px; 	/*evite de passer "sous" le menu si le texte dépasse*/
    padding-left: 40px;		/*marges intérieures*/
    padding-right: 40px;
    padding-top: 5px;
    padding-bottom: 10px;
    background-color: rgb(238,255,200);
/*    border: 2px solid blue; */
}

/* FIN DE DESIGN GLOBAL DU SITE */

