/*---------------------------------------*/
/* Mise en forme de la partie principale */
/*---------------------------------------*/

/* Gros titre */
div#content h2{
	background:url(../images/grand-carre-vert.jpg) no-repeat;
	height:44px;
	margin-left:19px;
	padding-left:53px;
	color:#55616e;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:7px;
	font-size:24px;
	padding-bottom:30px;
}

/* Première lettre du gros titre */
div#content h2:first-letter{
	color:#31c5f4;
	font-size:40px;
}

div#content p.puce{
	background:url(../images/petit-carre-bleu.jpg) no-repeat;
	margin-left:19px;
	text-align:justify;
	margin-top:5px;
	padding-left:30px;
	padding-right:10px;
	/*padding-top:18px;*/
	font-family:"Times New Roman", Times, serif;
	color:#444;
	font-size:14px;
	min-height:25px;
	font-family:Arial, Helvetica, sans-serif;
	}


/*Première lettre d'un paragraphe */
.premiere-lettre{
	color:#3f64af;
	font-size:27px;	
}

/* Paragraphe normal */
div#content p{
	text-align:justify;
	margin-bottom:5px;
	margin-left:72px;
	padding-left:4px;
	padding-right:10px;
	color:#444;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	}

/* Mise en forme des listes à puces */
div#content ul{
list-style:none;
margin-left:102px;
}

/* Pour chaque puce */
div#content li.puce{
	text-align:justify;
	margin-top:0px;
	padding-left:30px;
	padding-right:10px;
	color:#444;
	font-size:14px;
	background:url(../images/petit-carre-bleu.jpg) no-repeat;
	line-height:25px;
	font-family:Arial, Helvetica, sans-serif;
	}


/* Pour le tableau */
div#content td.texte{
	text-align:justify;
	padding-top:20px;
	padding-left:15px;
	padding-right:15px;
	color:#444;
	font-size:14px;
	vertical-align:top;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
}

div#content td.titre{
	text-align:justify;
	padding-bottom:10px;
	padding-top:0px;
	padding-left:20px;
	padding-right:15px;
	color:#444;
	font-size:16px;
	vertical-align:top;
	line-height:20px;
	background:url(../images/petit-carre-bleu.jpg) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
}


/*-------------------------------*/
/* Mise en forme du pied de page */
/*-------------------------------*/
/*
.copyright{
	text-align:left;
	float:left;
	font-family:"Courier New", Courier, mono;
	color:#2e409a;
	letter-spacing:-1px;
	font-size:14px;
	margin-top:3px;
	margin-left:5px;
}

.copyright a{
	font-family:"Courier New", Courier, mono;
	color:#2e409a;
	letter-spacing:-1px;
	text-decoration:none;
}

.copyright a:hover{
	text-decoration:underline;
}
*/

/*----------------------------------------------*/
/* Mise en forme des liens pour la page crédits */
/*----------------------------------------------*/
.credits{
	text-align:left;
	font-family:"Courier New", Courier, mono;
	color:#2e409a;
	letter-spacing:0px;
	font-size:14px;
	margin-top:3px;
}

.credits a{
	font-family:"Courier New", Courier, mono;
	color:#2e409a;
	text-decoration:none;
}

.credits a:hover{
	text-decoration:underline;
	color:#3d62a9;
}

.InnerBody
{
	float:right;
	height:295px;
	overflow:scroll;
}

/*-------------------------------------------------------------------------------------------*/
/* Contrainte sur la taille de la zone de contenu pour que le bas de page tienne sur l'écran */
/*-------------------------------------------------------------------------------------------*/
div#content #BigContent{
	width:100%;
	height:458px;
	overflow:scroll;
	background:transparent;
	z-index:1;
	margin-top:-25px;
}

div#content #MapContent{
	width:100%;
	height:429px;
	overflow:auto;
}

div#content #SmallContent{
	width:100%;
	height:458px;
	overflow:hidden;
	margin-top:-25px;
}