/*  ----------------------------------------------------------- */
/*  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:18px;
		}
	
	#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;
			}
		
		#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;
		}