
/* Class spécifiques d'elements */
.invisible {
	display:none;
}
.on {
	font-weight: bold;
}


/* Titres */
h1, h2, h3, h4, h5, h6{
	font-family: Georgia, Times, serif;
	font-weight:bold;
	line-height:normal;
	margin: 10px 0px;
}

/* Titres de niveau 1 */
h1 {
	color: #EB757F;
	font-size: 2.1em;
	font-weight:normal;
}

/* Titres de niveau 2 */
h2 {
	font-size: 1.2em;
	font-weight:normal;
	color: #EB757F;
}

/* Titres Spip de niveau 1 */
h3, h3.spip {
	color: #EB757F;
	font-size: 1.1em;
	margin-bottom:0px;
}




/* Liens */
	a:link{
		color:#0B7599;
		text-decoration:underline;
	}
	a:visited{
		color:#0B7599;
		text-decoration:underline;
	}
	a:hover, a:active{
		color:#0B7599;
		text-decoration:underline;
	}
	
	a spip_glossaire {
		cursor: help;
		text-decoration:underline;
	}
	



/* Blocs de Medias */
		.spip_documents {
			background: transparent;
			padding:5px;
			display:block;
			text-align:center;
		} 
		.spip_documents_center {
			margin: 3px auto;
		} 
		.spip_documents_left {
			float: left;
			margin: 3px 5px 4px 0px;
		} 
		.spip_documents_right {
			float: right;
			margin: 3px 0px 4px 5px;
		}
		.spip_doc_titre {
			text align: center;
		} 
		.spip_doc_descriptif {
			text-align:center;
		} 


/****/ /* CONTENU WIKI & Cie. */ /*****/

	p, div.spip{
		margin:5px 0px 20px 0px;
	}
	
	strong{
		font-weight:bold;
	}
	
	em, i{
		font-style:italic;
	}
	del {
		text-decoration:line-through;
	}
	
	sup {
		font-size:0.9em;
		vertical-align:25%;
		font-variant:small-caps;
	}
	sub {
		font-size:0.9em;
		vertical-align:-25%;
	}
	span.sc {
		font-variant:small-caps;
		font-size:1.1em;
	}


/* Texte préformaté (Spip std, BTV, CS, ...) */
	.spip_cadre{
		background:#EDEDED;
		border:1px solid #CCC;
		border-bottom: 2px solid #CCC;
		border-right: 2px solid #CCC;
		margin:5px 0px 20px 0px;
		padding:2px;
		width:99%;
		overflow:visible;
		font-family: Courier, "Courier New", monospace;
		font-size:1em;
	}
	
	code{
		background:#EDEDED;
		color:#666;
		font-family: Courier, "Courier New", monospace;
		font-size:1em;
		padding:2px 4px;
		text-indent:0px;
	}
	
	.texteencadre-spip { /* BTV2 */
		background: #EDEDED;
		color: #000;
		border:1px solid #CCC;
		border-bottom: 2px solid #CCC;
		border-right: 2px solid #CCC;
		margin: 5px 0px 20px 0px;	
		padding: 5px;	
	}

	
	/* astuce css pour les blocs de citation: http://notes.natbat.net/2006/11/21/inineimagequotes/ */
	blockquote {
		background: url(sites/spip-info/squelettes/images/quote.png) no-repeat 0 2px;
		margin: 5px 0px 20px 0px;	
		text-indent: 25px;
	}
	blockquote p {
		background: url(sites/spip-info/squelettes/images/quote2.png) no-repeat bottom right;
		display: inline;
		margin: 0;
		padding-right: 24px;
		line-height:25px;
		font-family:Georgia, Times, serif;
		color:#999;
		font-size:1.2em;
		font-style:italic;
	}
	.spip_poesie {
		background:none;
		border-right:1px dotted #CCC;
		padding:5px 15px 5px 5px;
	}
	.spip_poesie * {
		line-height:140%;
		text-indent:0px;
		font-size:1.1em;
		text-align:right;
		font-style:italic;
		font-weight:bold;
		color:#999;
		font-family:Georgia, "Times New Roman", Times, serif;
	}
	
	cite{
		color:#000;
		font-family: Arial, sans-serif;
		font-size:1.1em;
		padding:0 3px 0 3px;
	}
	
	acronym.spip_acronym {
		border-bottom:1px dotted;
		cursor:help;
	}
	


/*CSSEditor|content,list|Apparence générale|list*/
	ul{
		color:#333;
		list-style:none;
		margin: 5px 0px 20px 0px;	
	}
	ul li{
		background:url(sites/spip-info/squelettes/images/ul.gif) no-repeat left 5px;
		padding:0 0 0 20px;
		margin: 3px 0;
	}
	
	/*CSSEditor|content,list|Liste ordonnée|list*/
	ol{
		color:#333;
		list-style:inside decimal-leading-zero;
		margin: 5px 0px 20px 0px;	
	}
	ol li {
		margin: 3px 0;
	}


	hr{
		border-bottom:2px dashed #CCC;
		margin: 5px 0px 20px 0px;	
		width:100%;
	}
	.separator{
		clear:both;
		visibility:hidden;
	}

/*** Liste de definitions ***/
dl{
	margin: 5px 0px 20px 0px;	
}
	dt{
		color:#1e1e1c;
		font-size:1.1em;
		font-weight:bold;
	}
	dd{
		font-style:normal;
		margin:0;
		padding:0;
		text-indent:10px;
	}

/*** Tableaux ***/
table{
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #CCC;
	border-bottom: 2px solid #CCC;
	border-right: 2px solid #CCC;
	font-size:1em;
	margin: 5px auto 20px auto;	
	width: 99%;
}
	table caption{
		caption-side: bottom;
		*caption-side: top; /* bottom pas pris en compte par IE */
		text-align: left;
		margin: -10px 0px 0px 0px;
		*margin:0px;
		padding: 0px;
		font-weight: normal;
		font-style: italic;
		color: #666; 
		font-size: 1em;
	}
	th{
		background:#EDEDED;
		border:1px solid #CCC;
		color:#999;
		font-size:1.1em;
		font-weight:bold;
		padding:2px 4px;
	}
	td{
		border:1px solid #CCC;
		padding:2px 4px;
	}



/*elements de mise en page dans la zone de contenu*/
.une_colonne, .deux_colonnes{
	clear:both;
	overflow:hidden;
	display: block;
	margin: 5px 0px 20px 0px;	
}

.colleft{
	float:left;
	margin:0 4% 0 0;
	padding: 0;
	width:47%;
}

.colright{
	float:left;
	margin:0;
	padding:0;
	width:48%;
}

.center{
	text-align: center;
	width:100%;
}

.left{
	text-align: left;
	width:100%;
}

.right{
	text-align: right;
	width:100%;
}/***************************************/
/* Spip Info - Janvier 2009	           */
/***************************************/
/* Mise en place du layout             */
/***************************************/
								
#page{
	background:#FFF;
	margin:25px auto 0px auto;
	position:relative;
	width:969px;
	overflow:hidden;
}

/*CSSEditor|structure,global|Zone de banni�re*/
#entete{
	margin:0 0 0 0;
	width:969px;	height: 205px;
	overflow:hidden;
	background:#FFFFFF;
	_padding-top: 152px;
}
	#entete h1{
		font-size:1em;
		margin:0;
	}
	#entete h1 a{
		display:block;
		width: 380px;
		height: 87px;
		border:0;
		background:transparent url(sites/spip-info/squelettes/images/logo_spip_info.gif) scroll no-repeat left top;		
		color:#fff;
		position:absolute;
		left:23px;
		top:22px;
	}
	#entete h1 a span { display:none; }
	#entete .descriptif_site_spip {
		position:absolute;
		left:23px;
		top:113px;		
		font-weight:bold;
		font-size:16px;
	}
	#entete .descriptif_site_spip a:link,
	#entete .descriptif_site_spip a:visited, 
	#entete .descriptif_site_spip a:hover,
	#entete .descriptif_site_spip a:active {
		color:#0B7599;
		text-decoration:none;
	}
	

/*CSSEditor|structure,global|Zone int�rieure*/
#wrapper{ 
	width:969px;
	color:#000;
	background:transparent;
	overflow:hidden;
}

#conteneur{ 
	float:left;
	width:969px;
	background:transparent url(sites/spip-info/squelettes/images/bg_x_conteneur.gif) scroll no-repeat center top;
	overflow:hidden;
}
#contenu{
	padding:0px 344px 10px 0px;
	overflow:hidden;
}
	.sans_extra #contenu {
		padding:0px 0px 10px 0px;
		overflow:hidden;
	}

/*CSSEditor|structure,global|Zone de contenu*/
	#contenu #main{
		margin: 20px 24px 15px 24px;
		overflow:hidden;
	}

/*CSSEditor|structure,global|Colonne de droite */
#extra{
	float:left;
	margin:0 0 0 -344px;
	width:320px;
	padding-top: 138px;
}
	.page_article #extra{
		padding-top: 168px;
	}


	.sans_extra #extra {
		display:none;
	}

/*CSSEditor|structure,global|Zone de pied de page*/
#pied{
	overflow:hidden;
	text-align:center;
	background: #FFF url(sites/spip-info/squelettes/images/footer_filet.gif) scroll no-repeat center top;
	border:0px none;
	padding:75px 0px 15px 0px;
	width:969px;
}

/* End structure/mainPage.html *//***************************************/
/* Spip Info - Janvier 2009	           */
/***************************************/
/* Mises en formes des éléments de     */
/* Navigation du site                  */
/***************************************/



/* 
	BREADCRUMB (ou Fil d'Ariane)
	----------------------------
*/
	#hierarchie{
		color:#000;
		margin:15px 0px 14px 24px;
		font-size:0.9em;
	}
		.page_article #hierarchie{ 
			margin-top: 45px;
		}
	#hierarchie a:link,
	#hierarchie a:visited, 
	#hierarchie a:active {
		color:#0B7599;
	}
	#hierarchie a:hover {
	   color:#0B7599;
	}
	
	#hierarchie strong.on {
		color:#000;
		font-weight:normal;
	}



/* 
	MENU HORIZONTAL
	---------------
*/
								
	/*Zone globale*/
		#not_nested {
			background: #2BB7E7;
			border:0px none;
			height:53px;
			margin:152px 0px 0px 0px;
			padding:0px;
			
			/* adjust IE */
			*margin-top: 0px;
			*position: relative;
			*top: 152px;
		}
		#not_nested ul{
			margin:0px;
			padding:0px;
			height:53px;
			text-align:left;
		}


	/*par défaut*/
		#not_nested .first_level li{
			list-style:none;
			float:left;
			margin:0px;
			padding:0px;
			min-width:66px;
			height: 53px;
			background:transparent url(sites/spip-info/squelettes/images/menu_separateur.gif) scroll no-repeat right center;
		}
		#not_nested .first_level li a:link, 
		#not_nested .first_level li a:visited, 
		#not_nested .first_level li a:hover, 
		#not_nested .first_level li a:active {
			display:block; 
			float:left;
			min-width: 66px; 
			height:37px;
			padding:8px 24px;
			margin:0px;
			text-decoration:none;
		}
				#not_nested .first_level li.accueil a{
					background: url(sites/spip-info/squelettes/images/menu_entries/accueil.png) scroll no-repeat 24px 11px;
				}
				#not_nested .first_level li.decouvrir a{
					background: url(sites/spip-info/squelettes/images/menu_entries/decouvrir.png) scroll no-repeat 24px 11px;				
				}
				#not_nested .first_level li.utiliser a{
					background: url(sites/spip-info/squelettes/images/menu_entries/utiliser.png) scroll no-repeat 24px 11px;
				}
				#not_nested .first_level li.partager a{
					background: url(sites/spip-info/squelettes/images/menu_entries/partager.png) scroll no-repeat 24px 11px;
				}

		#not_nested .first_level li a span.image_typo { 
			display:none; 
		}
		#not_nested .first_level li a span.descriptif_rapide {  
			display:block;
			margin-top: 20px;
			color: #FFF;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:0.8em;
			
			/* Adjust IE */
			*padding-top:5px;
		}
	
	/*survol*/
		#not_nested .first_level li a:hover{ 
			background-color: #0B7599;
		}
		
	/*exposé*/
		#not_nested .first_level li.on {

		}

		#not_nested .first_level li a.on{ 
			background-color: #0B7599;
		}


/*
	Liens accessibilité
	-------------------
*/

.skiplink { 
	color: #CCC;
}
.skiplink a:link,
.skiplink a:visited,
.skiplink a:active  {
	color: #CCC;
	font-size:0.8em;
	font-family: Bitsream Vera Sans, verdana, arial, sans serif;
	text-decoration: none;
}
.skiplink a:hover {
	text-decoration:underline;
}

	/* raccourcis entete */
	.skiplink#raccourcis {
		position: absolute;
		top:-25px;
		right: 4px;
	}
	/* Retour haut de page (article, breve, rubrique) */
	.skiplink#retour_top {
		float: right;
	}/* Begin form/common_form.html */
								
/*CSSEditor|content,form|Apparence générale*/
div.formulaire{

}
	/*CSSEditor|content,form|Ensemble de champs|notext*/
	fieldset{
		border: 1px solid #757575;
		margin:10px;
		padding:5px;
	}
	/*CSSEditor|content,form|Légende|noizimedia*/
	legend{
		color:#757575;
		font-size:1.1em;
		font-weight: bold;
		padding:0 5px;
	}
	.row{
		clear:both;
		margin: 5px;
		padding: 5px;
	}
	/*CSSEditor|content,form|Libellés des champs*/
	label{
		float:left;
		width:200px;
	}
	/*CSSEditor|content,form|Apparence des champs*/
	input, select, textarea{
		background: #fff url() no-repeat top left;
		border: 1px solid #999999;
		text-align:left!important;
		width: auto;
	}
    textarea{
		width:50%;
	}
	/*CSSEditor|content,form|Apparence des champs actifs*/
	input:focus, select:focus, textarea:focus{
		background: #ffe794 url() no-repeat top left;
	}
	/*--------------champs de recherche--------------*/
    input.wordsbox{
		background:#fff url(/common_images/skin001/search.png) no-repeat 5px 50%;
		padding:0 0 0 20px;
	}
    input.wordsbox:focus{
		background:#ffe794 url(/common_images/skin001/search.png) no-repeat 5px 50%;
	}
	/*-----------------correctif ie-----------------*/
	input.radio, input.checkbox, input.radio:focus, input.checkbox:focus{
		background: transparent;
		border: 0;
		width:auto!important;
	}
	/*---------------fin correctif ie---------------*/
	.group_multi_radio, .group_multi_checkbox, .group_multi{
		clear:both;
		display:block;
		padding:0 0 0 200px;
		position:relative;
		top:-15px;
	}
	.group_multi_radio p, .group_multi_checkbox p, .group_multi p{
		margin:0;
	}
	.multi_radio, .multi_checkbox{
		display:block;
	}
	.multi_radio label, .multi_checkbox label{
		float:none;
	}
	.form_interval{
		padding:0 0 0 200px;
		position:relative;
		top:-18px;
	}
	.form_interval *{
		float:none;
	}
	/*-------------boutons de validation-----------*/
	.submit{
		margin:5px 0 0 0;
		text-align: center;
	}
	.submit input{
		background:#000 url(/common_images/skin001/fd_valider.gif) center;
		border:1px outset #000;
		color: #fff;
		padding:2px!important;
		text-align:center!important;
		width:auto;
	}
	/*---------------réponses du qcm--------------*/
	#forms_qcm .response{
		color:#bb3434;
	}
	#forms_qcm .good{
		color:#44bb34;
	}
	/*---------------en cas d'erreur-------------*/
	.error_form, .obligatory{
		color:#bb3434;
	}
	.row .error input, .error select, .error textarea{
		background:#ffefef!important;
		border: 1px solid #bb3434!important;
		color: #bb3434!important;
	}
	.label.error{
		color: #bb3434!important;
	}

/* End form/common_form.html */

/* Begin form/creator_form.html */
								
div.form_creator_header{

}
div.form_creator_footer{

}

/* End form/creator_form.html *//***************************************/
/* Spip Info - Janvier 2009	           */
/***************************************/
/* Mises en forme des INCLURE, MODELES */
/* et autres boites ponctuelles        */
/***************************************/


/* 
	APPARENCE GENERALE 
	------------------
*/

	.box{
		background: none transparent;
		color:#797977;
		font-size:0.9em;
		margin:10px auto 0px auto;
		padding:0 10px 10px 10px;
		overflow:hidden;
	}

	/* boites en #extra */
	
	#extra .box {
		float:left;
		width: 320px;
		margin: 0px 24px 0px 0px;
		padding: 15px 0px 10px 0px;
		color:#000;
	}
	
	/* Ombre de pied de boite */
	
	.box_footer {
		display:block;
		width: 290px;
		height: 16px;
		margin: 0px 0px 40px 0px;
		padding:0px;
		background: transparent url(sites/spip-info/squelettes/images/bg_box_ombre_bottom.gif) scroll no-repeat center top;
		clear:both;
	}
	
	/* Couleurs des boites */
	
	.blue_box {
		border-top: 6px solid #0B7599;
		background: transparent url(sites/spip-info/squelettes/images/bg_x_blue_box.png) scroll repeat-x left top;
	}
			.blue_box h2 {
				color: #0B7599;
			}
			
	
	.orange_box {
		border-top: 6px solid #FF962F;
		background: transparent url(sites/spip-info/squelettes/images/bg_x_orange_box.png) scroll repeat-x left top;
	}
			.orange_box h2 {
				color: #FF962F;
			}
			
			
	.pink_box {
		border-top: 6px solid #EB4654;
		background: transparent url(sites/spip-info/squelettes/images/bg_x_pink_box.png) scroll repeat-x left top;
	}
			.pink_box h2 {
				color: #EB4654;
			}
			
	/*titres de toutes les boites*/
	
	.box h2{
		background:none transparent;
		font-size:1.4em;
		font-weight:bold;
		margin:0px 24px 15px 24px;
		padding:0px;
		text-decoration:none;
	}
	.box h3{
		color:#666;
		font-size:1.2em;
		margin: 4px 24px;
	}
	.box p {
		margin: 4px 24px;
	}
	.box ul {
		margin: 4px 24px;
	}
	.box li {
		
	}
	.box .linksmore {
		text-align:right;
		margin: 4px 24px;
	}
	.box .linksmore a {
		float:right;
		font-weight:bold;
		font-size:0.9em;
		padding-left: 15px;
		background: transparent url(sites/spip-info/squelettes/images/puce.gif) scroll no-repeat left center;
	}

	/* formulaires à  l'interieur des boites */
	.box fieldset, .box form{
		border:0;
		margin:4px 24px;
		padding:0;
		width:95%;
	}
	.box label{
		display:block;
		float:none;
		width:auto;
		font-size:0.9em;
	}
	.box input{
		width:65%;
		margin: 0px;
		padding: 3px 2px;
		height: 24px;
		line-height:26px;
		float:left;
		font-size: 1.2em;
		border:1px solid #0B7599;
	}
	.box input.submit { /* bouton standard */
		background:#FFF;
		border:1px solid #0B7599;
		color: #000;
		text-transform:uppercase;
		font-size:1em;
		font-weight:normal;
		font-family:Verdana, Arial, Helvetica, sans-serif;
        width:auto;
        float:left;
        padding: 0px;
        margin: 0px;
		line-height:normal;
	}
	.box input.submit_image { /* bouton en image */
		display:block;
		width:32px;
		height:32px;
		border:0px none;
		background: none transparent;
		margin: -2px 0px 0px 17px;
	}

	
/*
	BOITE RECHERCHE (toute page)
	----------------------------
*/
	.boxsearch { 
        width:163px;
        height: 43px;
		padding-top: 9px;
		background: none transparent;
		position:absolute;
		left:715px;
		top:140px;
	}
	.boxsearch label { 
		display:block;
		width:113px;
		height:16px;
		background: transparent url(sites/spip-info/squelettes/images/rechercher.png) scroll no-repeat 1px top;
        margin-bottom: 4px;
		
		/* Adjust IE */
		*margin-top: 4px;
		*position: relative;
		*left: -20px;
	}
	.boxsearch label span { 
		display:none;
	}
	.boxsearch input {
		background:#FFF;
		border:1px solid #0B7599;
		color:#666;
		font-size:0.9em;
		padding: 0px 2px;
		width:108px;
		height:auto;
		line-height: normal;
        float:left;
	}
	.boxsearch input.submit {
		background:none transparent;
		border:0px none;
		color: #FFF;
		text-transform:uppercase;
		font-size:1em;
		font-weight:normal;
		font-family:Verdana, Arial, Helvetica, sans-serif;
        width:auto;
        float:left;
        padding: 0px;
        margin: -2px 0px 0px 0px;
		line-height:normal;
		
		/* Adjust IE */
		*margin-left: 2px;
	}
	

/* 
	RACCOURCIS DU PIED DE PAGE (toute page)
	---------------------------------------
*/
	.boxshorcutfooter{
		background:#FFF;
		margin: 0px;
		padding:0px auto;
		text-align:center;
		font-size:0.8em;
	}
	.boxshorcutfooter h2{
		display:none;
	}
	.boxshorcutfooter ul{
		background:none transparent;
		margin: 0px;
		padding: 0px;
	}
		.boxshorcutfooter ul.outils {
			margin-top: 10px;
		}
	.boxshorcutfooter li {
		display:inline;
		background:none transparent;
		margin: -10px 10px;
		padding:0px;
		font-style:italic;
	}
	.boxshorcutfooter a, 
	.boxshorcutfooter a:visited{
		padding:0px;
		background:transparent;
		font-style:italic;
	}
	.boxshorcutfooter a:hover, 
	.boxshorcutfooter a:active{

	}
	


/*
	BOITES DE LIENS
	---------------
*/
	
	 
	 /* "SITES UTILES" (page contenu - #extra) */
	.boxlinks ul {
		margin: 0px 24px;
		padding:0px;
	}
	.boxlinks ul li {
		margin: 5px 0px;
		padding:0px;
		background: none transparent;
	}
	.boxlinks ul li a{
		margin: 0px;
	}
	.boxlinks ul li span {
		display:block;
		clear:both;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:0.9em;
		margin: 0px;
		padding:0px;
	}

	.boxlinks p.pagination {
		display:block;
		margin: 15px auto;
		padding:0px 25px;
		float:none;
		text-align: center;
	}
	.boxlinks p.pagination a {
		display:block;
		width: auto;
		height: 28px;
		line-height: 28px;
	}
		.boxlinks p.pagination a:hover {
			text-decoration:underline;
		}
	.boxlinks p.pagination a span {
		display:block;
		padding: 0px;
	}
	.boxlinks p.pagination a.precedent {
		background: transparent url(sites/spip-info/squelettes/images/pagin_precedent.png) scroll no-repeat left 4px;
		padding: 0px 25px 0px 35px;
	}
	.boxlinks p.pagination a.suivant {
		background: transparent url(sites/spip-info/squelettes/images/pagin_suivant.png) scroll no-repeat right 4px;
		padding: 0px 35px 0px 25px;
	}
	
	
	
	/* LES SITES OFFICIELS (Entête - toute page) */
	.box_sites_officiels {
		position:absolute;
		right: 0px;
		top: 35px;
	}
	.box_sites_officiels h2 {
		display:none;
	}
	.box_sites_officiels ul {
		text-align:left;
	}
	.box_sites_officiels ul li {
		border-bottom: 1px solid #CCC;
		padding-left: 65px;
		margin:0px;
	}
	.box_sites_officiels ul li.spip {
		background: transparent url(sites/spip-info/squelettes/images/logo_mini_spip_net.gif) scroll no-repeat left 5px;
	}
	.box_sites_officiels ul li.spip_contrib {
		background: transparent url(sites/spip-info/squelettes/images/logo_mini_spip_contrib.gif) scroll no-repeat left 5px;
	}
	.box_sites_officiels ul li a:link,
	.box_sites_officiels ul li a:visited,
	.box_sites_officiels ul li a:active { 
		color: #444;
		text-decoration:none;		
	}
	.box_sites_officiels ul li a:hover {
		text-decoration:underline;
	}
	

/*
	BOITES "DANS LA MEME RUBRIQUE"
	-------------------------------
*/

	.dans_la_meme_rubrique {
		width:929px;
		height:47px;
		margin:0px;
		padding:0px;
		background: transparent url(sites/spip-info/squelettes/images/bg_dans_la_meme_rubrique.jpg) scroll no-repeat center top;
		position:absolute;
		top: 205px;
		left: 24px;
	}
	.dans_la_meme_rubrique ul {
		margin: 7px 0px 0px 5px;
		padding:0px;
		float:left;
	}
	.dans_la_meme_rubrique ul li {
		display: inline;
		background: none transparent;
		padding: 0px 8px 0px 4px;
		border-right: 1px solid #FFF;
	}
	.dans_la_meme_rubrique ul li:last-child {
		border:0px none;
	}
	.dans_la_meme_rubrique ul li a:link,
	.dans_la_meme_rubrique ul li a:visited,
	.dans_la_meme_rubrique ul li a:active {
		color:#FFF;
		text-decoration:none;			
		font-family: Verdana, Arial, Helvetica, sans-serif;
	} 
	.dans_la_meme_rubrique ul li a:hover {
		text-decoration:underline;	
	}
	.dans_la_meme_rubrique p.pagination {
		display:block;
		float:right;
	}
	.dans_la_meme_rubrique p.pagination a {
		display:block;
		width: 24px;
		height: 24px;
		margin:4px;
		float:left;
	}
	.dans_la_meme_rubrique p.pagination a span {
		display:none;
	}
	.dans_la_meme_rubrique p.pagination a.precedent {
		background: transparent url(sites/spip-info/squelettes/images/pagin_precedent.png) scroll no-repeat left top;
	}
	.dans_la_meme_rubrique p.pagination a.suivant {
		background: transparent url(sites/spip-info/squelettes/images/pagin_suivant.png) scroll no-repeat left top;
	}
	
	
/*
	BOITE "TOUTES LES ACTUS" (Page breves)
	--------------------------------------
*/

	/* Syndic RSS des actualités */

	a.rss_breves {	
		background: transparent url(sites/spip-info/squelettes/images/feed.png) scroll no-repeat left top;
	}
	a.rss_breves img { 
		padding: 0px 3px 3px 3px;
	}/***************************************/
/* Spip Info - Janvier 2009	           */
/***************************************/
/* Mises en formes des méthodes de     */
/* publication (objets Spip            */
/***************************************/


/* 
	Elements communs à (presque) toutes les formes de publications 
	--------------------------------------------------------------	
*/


/* CARTOUCHES */
	.cartouche {
		background: none transparent;
		margin:0px 0px 5px 0px;
		padding: 0px;
		overflow:hidden;
	}
	
	.cartouche h1 {
		margin:0px 22px;
	}
	
	.cartouche p {
		font-weight:bold;
		display:block;
	}
	.cartouche p.soustitre {
		margin: 0px 0px 0px 24px;
		color:#777;
	}
	.cartouche .date_article {
		padding: 0px 25px;
		text-align:right;
		font-style:italic;
	}
	
/* CHAPOS */

	.chapo p {
		font-weight:bold;
		color: #0B7599;
	}
	.chapo a:link,
	.chapo a:visited,
	.chapo a:active {
		color:#0B7599;
	}


/* NOTES DE BAS DE PAGE */
	.notes {
		border-left:1px solid #CCC;
		padding: 0px 5px 0px 15px;
		margin: 25px 0px;
	}
	.notes h2 {
		display:none;
	}
	.notes p {
		color: #999;
		font-style:italic;
		margin:4px 0px;
	}


/* 
   INCLURE LISTE ARTICLE pour zone de contenu principal
   ----------------------------------------------------
*/
								
#articles_list{
	overflow:hidden;
}
	
	#articles_list .chapo{
		background:transparent;
		margin:10px 5px;
		padding:0px;
		overflow:hidden;
	}
	#articles_list .chapo .pict {
		float:left;
		margin:9px 10px 10px 0px;
		padding: 0px;
		width: 70px;
		height: 70px;
		overflow:hidden;
		text-align: center;
		border:0px none;
		background: #ededed;
	}
	#articles_list .chapo .no_pict {
		float:left;
		margin:3px;
		padding:0px 5px;
		width: 300px;
	}
	#articles_list .chapo h3{
		margin:0 0 5px 0px;
		padding:2px 0px 0px 20px;
		width:auto;
      	font-size: 1.2em;
      	font-weight: bold;
	}
	#articles_list .chapo p{
		margin: 5px 5px 5px 10px;
    	line-height:normal;
	}
	#articles_list .linksmore{
		border-top:1px solid #d2d2d2;
		clear:left;
		list-style:none;
		margin:0 0 10px 0;
		padding:0px 0 0 10px;
		text-align:right;
		font-size:0.9em;
		background: transparent url() scroll no-repeat left 6px; 
	}
	#articles_list .linksmore a { 

	}
	#articles_list .linksmore a span { 
		display:block; 
	}





/* 
	PAGE ARTICLES
	--------------
*/
								
.page_article {}

	/* Présentation de l'article */
		
		#main .chapo{
			background: transparent;
			font-weight:bold;
			padding: 0px;
			margin:0px;
			font-size:1.1em;
		}
		.page_article .texte{
			margin: 0px;
			padding: 0px;
		}
		

	/* en savoir plus */
		#view_more {
			overflow:hidden;
			margin: 15px auto;
		}
		#links,#infos {
			background:#EDEDED;
			border:1px solid #CCC;
			border-bottom: 2px solid #CCC;
			border-right: 2px solid #CCC;
			margin:5px 2% 5px 0px;
			padding:5px;
			width:45%;
			float:left;
		}
		#links p, #infos p {
			margin: 5px;
			font-size:0.9em;
		}
		#links h2,#infos h2{
			background: none transparent;
			font-size:1.2em;
			margin:0px;
			padding:3px;
		}
	
	
/* 
	PAGE BREVES
	------------
*/
								
	.page_breve{
	
	}
	.page_breve #links {
		width:97%;
	}
	
	.page_breve #main p.pagination { 
		display:block;
		margin: 15px auto;
		padding:0px 0px 25px 0px;
		float:none;
		text-align: center;
		clear:both;
	}
	.page_breve #main p.pagination a {
		display:block;
		width: auto;
		line-height: 28px;
	}
		.page_breve #main p.pagination a:hover {
			text-decoration:underline;
		}
	.page_breve #main p.pagination a span {
		display:block;
		padding: 0px;
	}
	.page_breve #main p.pagination a.precedent {
		background: transparent url(sites/spip-info/squelettes/images/pagin_precedent.png) scroll no-repeat left 4px;
		padding: 0px 45px 0px 35px;
		float:left;
		width: 35%; 
		text-align: left;
	}
	.page_breve #main p.pagination a.suivant {
		background: transparent url(sites/spip-info/squelettes/images/pagin_suivant.png) scroll no-repeat right 4px;
		padding: 0px 35px 0px 45px;
		float: right;
		width: 35%; 
		text-align: right;
	}


/*
	ACTIONS D'ARTICLES et BREVES
	-----------------------------
*/

	.socialtags {
		margin: 0px 0 0px 20px !important;
		padding: 0;
	}
	
	.socialtags ul {
		display: inline;
		margin: 0 !important;
		padding: 0 !important;
	}
	.socialtags ul li {
		background: none;
		display: inline;
		list-style-type: none;
		margin: 0;
		padding: 2px;
	}
	.socialtags ul li:before { content: ""; }
	.socialtags img {
		float: none;
		width: 16px;
		height: 16px;
		border: 0px none;
		margin: 0;
		padding: 0;
	}
	
	.socialtags-hovers {
		opacity: .4;
		-moz-opacity: .4;
		filter: alpha(opacity=40);
	}
	.socialtags-hovers:hover {
		opacity: 1;
		-moz-opacity: 1;
		filter: alpha(opacity=100);
	}
	
	





/*
	PAGER
	-----
*/

/* zone Principale */
.pagination{
	margin:20px 0;
	text-align:center;
	background:none transparent;
}
	.pagination a, 
	.pagination a:visited, 
	.pagination a:hover {
		background:transparent;
		border:0px none;
		margin:0px;
		padding:0px;
		display:block;
		width: 50%;
		float:left;
		text-decoration:none;
	}
	
	.pagination a span {
		border:0px none;
		margin:0px;
		padding:0px;
		display:block;
		line-height:30px;
	}
	
	.pagination a span.precedent {
		background: transparent url() scroll no-repeat left top;
		padding: 0px 0px 0px 50px;
		color: #FFF;
		font-weight: bold;
		text-align:left;
	}
		.pagination a:hover span.precedent {
			background: transparent url() scroll no-repeat left top;
			color: #CCC;
			text-decoration:none;
		}
	.pagination a span.suivant {
		background: transparent url(sites/spip-info/squelettes/images/pagin_suivant.png) scroll no-repeat right top;	
		padding: 0px 50px 0px 0px;
		color: #FFF;
		font-weight: bold;
		text-align:right;
	}
		.pagination a:hover span.suivant {
			background: transparent url() scroll no-repeat right top;
			color: #CCC;
			text-decoration:none;
		}
	


/*
	PAGE RECHERCHE
	--------------
*/

	.page_recherche #main { padding-left: 25px; }
	

/*
	PAGE PLAN
	--------------
*/

	.page_plan #main .texte {
		padding-top:20px;
	}
	.page_plan #main .plan_rubrique {
		margin:0px;
		padding: 0px 0px 0px 25px;
	}
	.page_plan #main .plan_rubrique ul {
		padding-left: 25px;
	}/* Themes graphiques additionnels */
/***************************************/
/* Spip Info - Janvier 2009	           */
/***************************************/
/* Mises en forme sp�cifiques de la    */
/* page d'accueil du site              */
/***************************************/

/*
	REAJUSTEMENT DE STRUCTURE
	-------------------------
*/
	.page_sommaire #conteneur {
		background:transparent url(sites/spip-info/squelettes/images/bg_x_conteneur.gif) scroll no-repeat center 201px;
	}


/*
	PRESENTATION SITE
	Zone de bandeau vert
	--------------------
*/
	#presentation_site {
		margin: 0px;
		padding: 0px;
		background:transparent url(sites/spip-info/squelettes/images/bg_x_bandeau_vert.jpg) scroll repeat-x left top;
		width: 969px;
		height: 201px;
		color:#FFF;
		overflow:hidden;
	}
	#presentation_site .text {
		float:left;
		margin: 30px 12px 0px 24px;
		padding: 0px;
		width: 60%;
	}
		#presentation_site .text p {
			font-weight: bold;
			margin: 4px 0px;
			font-size:1.1em;
		}
		#presentation_site .text p span.specif {
			font-weight: normal;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:0.8em;	
		}
	#presentation_site .main_links {
		float:right;
		width: 321px;
		margin: 25px 24px 0px 0px;
	}
		#presentation_site .main_links li {
			padding:0px;
			margin:5px 0px 25px 0px;
			background:none transparent;
		}
		#presentation_site .main_links li a {
			display:block;
			font-family: Garamond, "Times New Roman", Times, serif;
			font-size:2.1em;
			color:#FFF;
			text-decoration:none;
			padding: 7px 0px 7px 75px;
		}
		#presentation_site .main_links li a span.descriptif_rapide {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:0.4em;
			font-weight:normal;
			display:block;
			clear:both;
			margin: 5px 0px 0px 0px;
		}
		#presentation_site .main_links li.telecharger_spip a {
			background: transparent url(sites/spip-info/squelettes/images/logo_telecharger_spip.png) scroll no-repeat left top;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo_telecharger_spip.png}', sizingMethod='scale');
		}
		#presentation_site .main_links li.essayer_spip a {
			background: transparent url(sites/spip-info/squelettes/images/logo_essayer_spip.png) scroll no-repeat left top;		
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo_essayer_spip.png}', sizingMethod='scale');
		}
		
/*
	LISTING DES FONCTIONNALITES
	(Listes � puces - 2 colonnes)
	-----------------------------
*/
	#listing_fonctionnel {
		margin:0px;
		padding: 56px 0px;
		width: 969px;
		overflow:hidden;
	}
	#listing_fonctionnel .colleft ul,
	#listing_fonctionnel .colright ul {
		float:left;	
		display:block;
		margin:0px 0px 0px 92px;
		font-weight:bold;
		font-size:1.1em;
		color:#024D66;
	}


/*
	BOITES DE RACCOURCIS CONTENUS
	-----------------------------
*/
	.page_sommaire  #boxes {
		margin: 0px;
		padding: 0px 0px 34px 0px;
		width: 969px;
		overflow:hidden;
	}
	.page_sommaire  #boxes .box_footer { 
		width:291px;
		height: 196px;
		float:left;
		clear:none;
		margin: 0px 0px 0px 24px;
		padding: 0px 0px 16px 0px;
		background: transparent url(sites/spip-info/squelettes/images/bg_box_ombre_bottom.gif) scroll no-repeat center bottom;
		overflow:hidden;
	}
	.page_sommaire  #boxes .box {
		margin: 0px;
		height: 196px;
		
		/* Adjust IE */
		*height: 180px;
	}
	.page_sommaire  #boxes .box h2 {
		margin:10px 5px 15px 10px;
	}
	
	.page_sommaire  #boxes .accueil_chapo {
		display:block;
		height:115px;
		overflow:hidden;
	}
	
	.page_sommaire  #boxes .box p {
		margin:5px 10px 5px 10px;
		color:#000;
	}
	.page_sommaire  #boxes .box ul {
		margin:5px 10px 5px 10px;
	}
	.page_sommaire  #boxes .box ul li {
		line-height:normal;
	}
	.page_sommaire  #boxes .box ul li span.description {
		font-family:Georgia, "Times New Roman", Times, serif;
	}/* COMMON STYLES */
/*reset d'un certain nombre de styles css par defaut*/
* {
	border: 0;
	font-style: normal;
	margin: 0;
	padding: 0;
	text-decoration: none;
}


/*CSSEditor|structure,global|Zone exterieure|notext*/
body {
	background:#CCC url(sites/spip-info/squelettes/images/bg_x_body.jpg) scroll repeat-x left top;
	font-family: Georgia, Times, serif;
	font-size:14px;
	line-height:150%;
}

/*CSSEditor|content,image|Apparence des images|notext,noizimedia*/
img {
	border:0;
	vertical-align: bottom;
}

.clear {
	border:0;
	clear: both;
	height:0;
	line-height:0;
	visibility: hidden;
}
