body	{
	background-color: rgb(153, 120, 37);
	background-position: center;
	background-attachment: fixed;	
	width : 70%;
	margin : 0 15% 2em 15%;
	color: white ;
	}

#up 	{
	margin-bottom: 2em; 
	}

p.img_logo {
	text-align:center ;
	margin: 2em 0 3em 0;
	}

h1	{
	text-align:center;
	color:#FFFFFF; background: inherit ;
	font-size: 24pt;
	font-family: "arial", sans-serif;
	font-variant: small-caps;
	margin: 2em 0 1em 0 ;
	}

h2	{
	text-align:center;
	color:#FFFFFF;
	font-size: 22pt;
	font-family: "arial", serif;
	font-variant: small-caps;
	}

h2.liens {
	margin: 1em 0 0.5em 0 ;
	}

h3	{
	
	color:#FFFFFF;
	font-size: 18pt;
	font-family: "arial", serif;
	
	}

h4	{
	text-align: center;
	color:#FFFFFF;
	font-size: 12pt;
	font-family: "arial", serif;
	}


p.avec_lettrine:first-letter	{
		float: left;
		color: rgb(133, 237, 59);
		font-size: 3em;/*une hauteur de 3 lignes*/
		font-family: Algerian, Fantasy ; /*de préférence en Algerian*/
		font-weight: bold;/*en gras*/
		margin-right:5px;/*marge de 5 pt à droite par rapport au texte*/
		}

h1.avec_lettrine:first-letter {
		color: green;
		font-size: 160% ;
		font-family: Algerian, fantasy; /*de préférence en Algerian*/
		font-weight: bold;/*en gras*/
		margin-right:5px;/*marge de 5 pt à droite par rapport au texte*/
		}




p	{
	text-align:justify;
	font-size: 14pt;
	font-family: "arial", serif;
	color:#FFFFFF; 
	}

p.en_gros	{
	text-align:center;
	color:#FFFFFF;
	font-size: 20pt;
	font-family: "arial", serif;
	font-variant: small-caps;
	font-weight: bold ;
	}

p.espace_lien a {
	margin-left: 0.5em ;
	font-size: 12pt;
	text-decoration: none;
	color: rgb(74, 53, 0);
	font-weight: bold;
	}




p.haut_de_page {
	text-align: center;
	}
p.haut_de_page a {
	font-family: "arial", serif;
	font-size: 10pt;
	color:#FFFFFF; 
	text-decoration: none;
	}

ul	{
	text-align:justify;
	font-size: 14pt;
	font-family: "arial", serif;
	color:#FFFFFF; 
	}


ul.interpuce_double li { margin-top: 1.6em ; margin-bottom: 1.6em ; }


table.album_photos {
	border-collapse: separate;
	border-spacing : 10px ;
	margin: 0.8em auto ;
	}


table.album_photos td
		{
/*border: 10px solid #500020;*/
		background:#530000;
		text-align:center;
		vertical-align:middle;
padding: 0.7em ;
		}
		
table.album_photos td img
		{
		border: 5pt solid rgb(173,200,173);
		vertical-align:middle;
		padding: 0.3em ;
		}

table.album_photos td.texte {
	font-family: "arial", serif;
	font-weight: bold;
	font-size: 12pt;
	vertical-align:middle;	
	color: rgb(133, 120, 8);
	border: 0 ;
	padding: 0.5em 0 0.5em 0 ;
	}

table.classique
		{
		border-collapse:collapse;
		border: 1pt solid black ;
		}
	

table.classique td, table.classique th	{
	font-family: "arial", serif;
	font-size: 12pt;
	border: 1pt solid black ;
	padding: 0.2em 0.3em ;
	color:#FFFFFF; 
	}



.citation	{ 
		font-size: 14pt;
		font-family: "arial", serif;
		color: rgb(53, 00, 00);
	
		text-align: justify;
		margin: 0.5em 10%;
		}

.nom {color: rgb(127,29,0) }	
.centre { text-align: center; }
.droite { text-align: right; }
.gauche { text-align: left; }
.justifie { text-align: justify; }



.flotte_droite 	{
		float: right; margin: 0.3em ;
		}

.flotte_gauche	{
		float: left; margin: 0.3em ;
		}


div.photo_et_texte img {
	float: right;
	margin: 0 1em ;
	}

div.photo_et_texte p {
	color:#FFFFFF;
	font-size: 22pt;
	font-family: "arial", sans-serif;
	font-variant: small-caps;
	margin: 1em 0 2em 0 ;
	}


/* permet de libérer le texte qui suit (dans le html d'être libérer des images */
div.pas_de_float { clear: both ; margin: 0 0.5em ; }


table.vache {
	width: 640px;
	margin-left: auto;
	margin-right: auto;
	}  

table.vache td.preced {
	text-align: left;
	font-weight: bold;
	font-family: "arial",sans-serif;
	font-size: 14px;
	color: rgb(74, 53, 0);
	width: 213px;
	}

table.vache td.retour {
	
	text-align: center;
	font-weight: bold;
	font-family: "arial",sans-serif;
	font-size: 14px;
	color: rgb(74, 53, 0);
	width: 213px;
	}

table.vache td.suiv{
	text-align: right;
	font-weight: bold;
	font-family: "arial",sans-serif;
	font-size: 14px;
	color: rgb(74, 53, 0);
	width: 213px;
	}
/* 
**	Quand je suis une 'img' dans une cellule (td) de la table de class 'vache',
**	je me centre verticalement dans la cellule
*/
table.vache td img { vertical-align: middle ; }