/* 
	css pour les pages du site - juin 2005 - novembre 2005
*/

body
{
	margin: 0;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 11px;
	width: 500px;
}

h1.titrePage
/*
	tout en-haut de la page, rouge, majuscule, flèche à gauche
*/
{
	font-size: 11px;
	color: #C03;
	text-transform: uppercase;
	font-weight: lighter;
	background: url(../../medias/puce_titre.gif) no-repeat 0px -2px;
	padding-left: 32px;
	margin-top: 0px;
	margin-bottom: 30px;
}

h4.sousTitre, h4.sousTitre_telecharger, h4.sousTitre_lien
/*
	sous-titre, rouge vif, police + grande que parag., puce à gauche
	(anciennement classe .sousTitreDocumentRouge)
*/

{
	font-size: 11px;
	color: #c03;
	font-weight: lighter;
	text-transform: none;
	background: url(../../medias/puce_texte.gif) no-repeat 0px 0px;
	padding-left: 32px;
	margin-top: 0px;
	margin-bottom: 15px;
}

h4.sousTitre_telecharger
/*
	paragraphe indiquant un téléchargement, avec puce dédiée
*/
{
	background: url(../../medias/texto.gif) no-repeat 0px -2px;
	height: 25px;
	margin-bottom: 0px;
}

h4.sousTitre_lien
/*
	paragraphe indiquant un lien
*/
{
	margin-bottom: 10px;
}

h6.titreParagraphe
/*
	titre d'un paragraphe, rouge sombre, même police que le parag., puce à gauche
*/
{
	font-size: 10px;
	color: #9D382F;
	font-weight: lighter;
	background: url(../../medias/puce_texte.gif) no-repeat 0px 0px;
	padding-left: 32px;
	margin-top: 0px;
	margin-bottom: 0px;
}

p, p.puce
{
	line-height: 12px;
	padding-left: 32px;
	margin-top: 0px;
	margin-bottom: 25px;
}

p
/*
	paragraphe courant, sans puce à gauche
*/
{

}

p.puce
/*
	paragraphe courant, avec puce à gauche
*/
{
	background: url(../../medias/puce_texte.gif) no-repeat 0px 0px;
}

/* Puce puis vignette carrée 70x70 puis légende de 1, 2 ou 3 lignes	
	Mettre les 2 div (légende puis vignette) dans 1 <p>	*/

	div.vignette70x70
	/* puce à gauche et vignette	*/
	{
		background: url(../../medias/puce_legende.gif) no-repeat 0px 20px;
		padding-left: 32px;
		cursor: crosshair;
		margin-right: 20px;
		margin-top: 25px;
		margin-bottom: 25px;
		vertical-align: middle;
	}

	/* 3 classes en fonction du nb de lignes	*/
	div.legende_vignette_1, div.legende_vignette_2, div.legende_vignette_3
	{
		float: right;
		width: 380px;
		line-height: 12px;
	}

	div.legende_vignette_1
	{
		margin-top: 28px;
	}
	
	div.legende_vignette_2
	{
		margin-top: 21px;
	}
	
	div.legende_vignette_3
	{
		margin-top: 14px;
	}

	div.vignette150x212
	/* puce à gauche et vignette	*/
	{
		background: url(../../medias/puce_legende.gif) no-repeat 0px 90px;
		padding-left: 32px;
		margin-right: 20px;
		margin-top: 25px;
		margin-bottom: 25px;
		vertical-align: middle;
	}


	div.vignette150x212_3
	{
		margin-top: 90px;
		float: right;
		width: 300px;
		line-height: 12px;
	}

	
/* Fin puce + vignette + légende */	

	div.vignettes
	{
		background: url(../../medias/puce_legende.gif) no-repeat 0px 90px;
		padding-left: 32px;
		margin-top: 25px;
		margin-bottom: 25px;
		vertical-align: middle;
	}


a
{
	text-decoration: underline;
	color: #000;
	font-size: 10px;
}

a:hover
{
	color: #f00;
}

a:visited
{
	color: #9F9F78;
}