html 	{
	font-size: 				100%;			/* pour éviter un bug IE l */
	overflow-y:				scroll; 		/*pour forcer l'ascenseur sous FF */
} 
body {
 	background:				transparent url(images/fd_Body.png) repeat-y scroll center top;
	font-family: 			Arial, Helvetica, sans-serif; 	
	font-size:				0.9em;
	margin:					0;
	padding:				0;
}

#page {
	background:				transparent url(images/fd_Page.png) no-repeat scroll center top;
	width:					100%;
	}

#contenu {
	background:				#FFFFCD none repeat scroll 0 0 ;
	left:					0;
	margin:					0 auto 0;
	overflow:				hidden;
	padding:				0;
	position:				relative;
	top:					0;
	width:					1000px;
	text-align: 			center; 
}

img, div { behavior: url(images/iepngfix.htc) }	/*pour gérer les PNG transparents sur IE6 */

/* M E N U   ----------------------------------------------------------------------------------------------------------------*/
ul#menu{
	margin:					0;
	margin-bottom:			20px;
	padding:				0;
	list-style-type:		none;
	width:					auto;
	position:				relative;
	display:				block;
	height:					40px;
	font-size:				13px;
	font-weight: 			bold;
	background:				transparent url("images/black.jpg") repeat-x top left;
	font-family:			Verdana,Arial,sans-serif;
}
ul#menu li{
	display:				block;
	float:					left;
	margin:					0;
	pading:					0;
	border-right:			2px solid #ffffff;	/* trait entre les case */
	}
ul#menu li a{
	display:				block;
	width:					100.8px;		/* largeur des cases de menu */
	float:					left;
	color:					white;
	text-decoration:		none;
	padding:				6px 20px 0 20px;
	height:					40px;
	}
ul#menu li a:hover{
	background:				transparent url("images/blue.jpg") repeat-x top left;	
	color:					yellow;
	}

/* A N C I E N   M E N U   ----------------------------------------------------------------------------------------------------------------
#menu1 {
	margin:					0;
	padding:				0; 
	border:					1px solid transparent;/*Pour qu'I.E 7 reste ? la meme hauteur que mozilla
	width:					100%;
	height:					50px;
}

#menu1 ul {
	margin-left:			0px;
	margin-right:			0px;
	padding-left:			20px;
	height:					40px;
	list-style-type:		none;
}

#menu1 li {
	width:					125px;
	height:					49px;
	float:					left;
	margin-left:			10px;
	margin-top;				0 auto;
	margin-bottom;			0 auto;
	padding-top:			5px;
	font-size:				1.1em;
	font-weight:			bold;
	text-align:				center;
}

#menu1 li a.bouton1,
#menu1 li a.bouton2,
#menu1 li a.bouton3,
#menu1 li a.bouton4,
#menu1 li a.bouton5,
#menu1 li a.bouton6,
#menu1 li a.bouton7	{
	display:				block;
	height:					49px;
	width:					125px;
}

#menu1 li a.bouton1 		{	background-image:	url(images/bouton11.jpg);}
#menu1 li a:hover.bouton1	{	background-image:	url(images/bouton12.jpg);}
#menu1 li a.bouton2 		{	background-image:	url(images/bouton21.jpg);}
#menu1 li a:hover.bouton2	{	background-image:	url(images/bouton22.jpg);}
#menu1 li a.bouton3		{	background-image:	url(images/bouton31.jpg);}
#menu1 li a:hover.bouton3	{	background-image:	url(images/bouton32.jpg);}
#menu1 li a.bouton4		{	background-image:	url(images/bouton41.jpg);}
#menu1 li a:hover.bouton4	{	background-image:	url(images/bouton42.jpg);}
#menu1 li a.bouton5		{	background-image:	url(images/bouton51.jpg);}
#menu1 li a:hover.bouton5	{	background-image:	url(images/bouton52.jpg);}
#menu1 li a.bouton6		{	background-image:	url(images/bouton61.jpg);}
#menu1 li a:hover.bouton6	{	background-image:	url(images/bouton62.jpg);}
#menu1 li a.bouton7		{	background-image:	url(images/bouton71.jpg);}
#menu1 li a:hover.bouton7	{	background-image:	url(images/bouton72.jpg);}
*/
/* DEFINITION DES GRANDS BLOCS  ----------------------------------------------------------------------------------------------------------------*/

div#bandeau {
	padding-top:			10px;
	text-align:				right;
	}

/* colonne de gauche :  */
div#col_gauche	{
	float: 					left; 
	margin-left: 			20px;
	margin-right: 			10px;				
}

/* colonne centrale :  */
div#col_centre	{
	float: 					left; 
}

/* colonne de droite :  */
div#col_droite	{

}

div.flash {
	margin-bottom:			10px;
}

/* les brèves  */
div#fond_breve	{
	background:				transparent url("images/Post-it2.png") ;	
	width:					340px;
	height:					368px;
	margin-right:			10px; 
	margin-top:				0px; 
	padding:				0px; 
}
div#breve	{
	padding:				20px; 
	padding-top:			50px; 
	font-size:				0.8em;
	line-height:			1.6em;	
	text-align:				left;
}
div.blason {
	position:				absolute;
	left:					2px;
	top:					2px;
	z-index:				1;
}
br.all	{
	clear:					both;
}

/* PAGE RUBRIQUE ----------------------------------------------------------------------------------------------------------------*/
	
/* colonne article :  */
div.col_article	{
/*	margin-left:			265px;  */
	margin-right:			20px; 
	padding-left:			10px;
	overflow: auto;			/* pour résoudre le pb du clear:both */
/* 	background:				transparent url("images/colonne.png") no-repeat ;
	background-position:	00px 500px;  */
}
div.post-it1 	{
	background:				transparent url("images/Post-it1.png") ;	
	width:					220px;
	height:					237px;
	margin-right:			10px; 
	margin-top:				0px; 
	margin-bottom:			20px;
	padding:				0px; 
}
.post-it1 p	{
	text-align:				center;
	font-size: 				1.2em; 
	font-family : 			Verdana, Arial, Helvetica;
	font-weight: 			bold;
	font-style: 			normal; 
	margin-top: 			20px; 
	margin-left:			10px;
	margin-bottom: 			10px; 
}
iframe.plan {
	margin-top:				35px; 
	border:					1px solid #000000;	
}

div.haut	{					/* pour le lien direct vers le haut de page */
	margin: 				20px; 
	margin-bottom: 			1px; 	
	clear:					both;
	text-align:				right;
}

div.hierarchie {
	text-align:				right;
	font-size: 				1em; 
	font-style:				italic;
	margin-right:			5px;
}

div.sous_rubrique	{
	margin-top:				20px;
	margin-left:			70px;
	text-align:				left;
}
p.titre_sous_rubrique {		/* titres des différentes sous-rubriques  */
	font-size: 				1.5em; 
	font-family:			Verdana,Arial,Helvetica;
	padding-left:			20px;
	background:				transparent url(images/puce_orange.gif) no-repeat 5px center;
}
p.desc_sous_rubrique {		/* descriptifs des différentes sous-rubriques  */
	font-size: 				1em; 
}
/* PAS UTILISE ???   ----------------------------------------------------------------------------------------------------------------*/

/* bloc principal (centre et droite)  */
div#bloc_ppal	{
	margin-left:			230px;
}

/* la une */
div#une	{
	float: 					left; 
}

/* animation  */
div#animation	{
	float: 					right; 
	margin-right: 			10px;
}

/* pied de site - gauche */
div#pied_gauche	{
	float:					left; 
	margin-left: 			20px;
}
	
/* pied de site - droit */
div#pied_droit	{
	float:					right; 
	margin-right:			40px;
	margin-top:				10px; 
	font-size:				0.8em;
}

/* pied de site - centre */
div#pied_centre	{
	float:					left; 
	margin-left: 			10px;
}

/*  à redéfinir pour neutraliser le  "clear:both;"  */	
#documents_portfolio {
	clear:					none;
	margin:					2em auto;
	text-align:				left;
}	

/*  ----------------------------------------------------------------------------------------------------------------*/
.spip_documents_center {clear: none;}

div.pp_texte { 
	text-align: 			justify;
} 

.pp_petit_texte { 
	text-align: 			left;
	font-size: 				0.9em;
} 

.pp_gros_texte {  
	text-align: 			left;
	font-size: 				1.2em;
}

h1, h2, h3 , h3.spip { 
	text-align: 			left;
	font-family : 			Verdana, Arial, Helvetica;
	font-weight: 			bold;
}

h1  { 
	font-size: 				1.5em; 
	padding-bottom: 		5px; 
	margin-bottom: 			15px; 
	border-bottom:			2px solid; 
} 

h3.spip { 
	padding-bottom: 		5px; 
	border-bottom:			1px solid; 
	margin-right:			40px;
} 

h2, h3, h3.spip { 
	font-size: 				1.2em; 
	font-style: 			normal; 
	margin-top: 			20px; 
	margin-bottom: 			10px; 
	text-align: 			left; 
}

h3.breve	{
	margin-top:				0px; /* pas de marge haut pour les titres de brèves */
	margin-bottom: 			0px; 
}

/*  mise en évidence  */	
.pp_evidence, .spip_surligne  {
	color:					#DA3F00;
	font-size:				1.2em;
	font-weight: 			bold;
}

.pp_cadre_entete {					/* pour les entêtes de cadres */
	background-color:		#FF0000;
	width:					180px;
	font-weight:			bold;
	text-align:				center;
	color:					white;
	border-style:			solid; 
	border-width:			1px; 
	border-color:			black; 
	padding:				0px; 
}

.texteencadre-spip {
        background:			#FFE;
        border-bottom-color:	#999999;
        border-bottom-style:	solid;
        border-bottom-width:	2px;
        border-left-color:	#EEEEEE;
        border-left-style:	solid;
        border-left-width:	1px;
        border-right-color:	#999999;
        border-right-style:	solid;
        border-right-width:	2px;
        border-top-color:	#EEEEEE;
        border-top-style:	solid;
		border-top-width:	1px;
		padding: 			10px;    
		margin-left:		20px;
		margin-right:		30px;
}
.caractencadre-spip {
        border: 1px solid #666;
        padding: 0px .5em 0px .5em;
		background: yellow;
}

/*  ----------------------------------------------------------------------------------------------------------------*/
	
.pp_rub { 
	font-size: 14pt;
} 

.pp_sous_rub { 
	font-size: 1.2em; 
	font-style: normal;
} 

.pp_titre_photo { 
	font-style: normal;
} 

.pp_titre3 { 
	font-size: 1.3em; 
	font-style: normal
} 

.pp_cadre {
	width:			300px;
	background-color: #FFFFFF;
	margin-left:	30px; 
	margin-right:	30px; 
	margin-bottom:  10px; 
	margin-top:		10px; 
	border-style:	dotted; 
	border-width:	1px; 
	border-color:	black; 
	padding:		10px; 
}

.pp_cadre2 {
	background-color: #CCFFFF;
	margin-left:	10px; 
	margin-right:	10px; 
	margin-bottom:  10px; 
	margin-top:		10px; 
	border-style:	dotted; 
	border-width:	1px; 
	border-color:	black; 
	padding:		10px; 
}

.pp_cadre3 {
	background-color: #FFFF99;
	margin-left:	10px; 
	margin-bottom:  10px; 
	margin-top:		10px; 
	margin-right:	10px; 
	border-style:	dotted; 
	border-width:	1px; 
	border-color:	black; 
	padding:		10px; 
}
.pp_surligne {
	background-color: #FFFF00;
	}

/* pour supprimer le cadre bleu autour des images en lien */
img 	{ 
	border:none 
	}