/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */



/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
html{
	background: #4a6987;
}
body {
	background: #4a6987;
	margin: 0;
	text-align: justify;
	font-size: 13px;
	color: #000;
	font-family: Tahoma, Verdana, Arial, sans-serif;
}

img, table, form { 
	margin: 0; 
	padding: 0; 
	border: none; 
}

p, h1, h2, h3, h4, h5, h6 { 
	margin: 0; 
	padding: 0; 
	font-size: 1em; 
	font-weight: normal; 
}

ol,ul,li {
	list-style: none;
	margin: 0;
	padding: 0;
}

a { 
	text-decoration: none; 
	color:#1870be;
}
a:hover { 
	text-decoration: underline;
}


/* Images typographiques (via image_typo), URL a revoir... */
.format_png { behavior: url(win_png.htc); }

/* Espaceur de blocs */
.break, .nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }


/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }




/************************************************
/*  Disposition des blocs principaux
*************************************************/


/* ---- Outils ---- */
#global_outils{background-color:#5d728b; width: 100%; height: 22px;}
	#outils { width: 950px;	height: 22px; text-align: left;	margin-left: auto; margin-right: auto; color:#c3ebff; font-size:11px;}

	#menu_lang{float:left;}
		#menu_lang a{float:left; padding-right:10px; line-height:12px;}
	
	#menu_outils{float:right;}
		#menu_outils a{color:#c3ebff;}
		#menu_outils li{float:left; border-right:1px solid #c3ebff;	padding:4px 10px  0px  10px;}
	
/* ---- Bandeau ---- */
#global_bandeau{ background: url(images/fond_bandeau.jpg) repeat-x;	width: 100%; height: 206px;}
	#bandeau { width: 1086px; height: 206px; text-align: left; margin-left: auto; margin-right: auto; font-size:0;}

/* ---- Contenu ---- */
#global_zone_principale{ background: url(images/fond_contenu.jpg) #fff repeat-x; width: 100%;}
	#zone_principale { width: 950px; min-height: 260px;	height: auto !important; height: 260px;	text-align: left; margin-left: auto; margin-right: auto; padding-top:60px;}

	/************* menu gauche ************/
		#menu_gauche{float:left; font-size:15px; padding-right:15px; width:135px;}
			#menu_gauche li{line-height:25px;}
			#menu_gauche a.inactif{color:#466c91;}
			#menu_gauche a.actif{font-weight:bold; color:#1870be;}
				
		/************* contenu ************/
		#contenu{float:left; width:800px;}
			#titre_contenu{background: url(images/puce_titre_bleu.jpg) no-repeat; padding-left:70px; font-size:28px; line-height:28px; font-family:Georgia, "Times New Roman", Times, serif;	color:#4090d7; margin-bottom:30px;}
			#titre_contenu strong {font-weight:normal;}
		
		#description_rubrique{margin-bottom:30px;}
			li.intro_art{margin-bottom:10px; height:80px;}
			li.intro_art a{	text-align: left; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif;}
			.logo_article{ padding-right:10px;	float:left;}
		/************* portfolio ************/
		#portfolio{	margin-top:30px;}
			#portfolio a{margin-right:20px;}
		
		/************* encart droite ************/
		#encart_droite{float:right;	padding-left:30px;	width:180px; margin-bottom:20px;}
			/* ---- encart droite accueil ---- */
			#titre_actu{font-size:22px;	color:#4b8fcc; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:20px;}
			#titre_actu a{color:#4b8fcc;}
			#encart_droite li{margin-bottom:10px;}
			span.titre_article_actu a{color:#4b8fcc;font-weight:bold;}
			span.publication{font-size:11px;color:#918787;float:left;}
			span.savoir_plus{float:right; width:180px; text-align:right; font-size:11px; color:#4b8fcc;}
		
			/* ---- encart droite article/rubrique ---- */
			#soustitre_article{ font-family:Tahoma, Verdana, Arial;	font-size:14px; font-weight:bold; color:#4b8fcc; margin-bottom:20px;}		
			#descritpif_article{color:#4b8fcc;}
			
			
			/************  Plan  *******************/

		#plan{margin-left:100px;}
		#plan ul, #plan li
		{list-style:none;}
		.niveau1{padding-left:10px;	margin: 5px 10px 5px 0px;line-height:20px;font-size:12px;}
		.niveau1 a.titre_niveau1{font-weight:bold;}
		.niveau2{padding-left:20px;	font-weight:normal;}

/* ---- Pied ---- */
#global_pied{background: url(images/fond_pied.jpg) repeat-x; width: 100%; height: 100px;}
	#pied {width: 950px; height: 100px;	text-align: left; margin-left: auto; margin-right: auto; padding-top:40px; font-size:11px;}
	#pied  a,  #pied  a:visited{font-weight:normal;	color: #9cd4ff;}
		#pied .infos{color: #fff; float:left;}	
		#pied .copyright{color: #fff; width:600px; float:left; text-align:center;}
		#pied .credits{color: #fff;	float:right;}