/*  ----------------------------------------------------------- */
/*  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
*/


/*  ------------------------------------------
/*  Contextualisation CSS
/*  ------------------------------------------ */
@import url(page_sommaire.css);
@import url(page_actu.css);
@import url(page_catalogue.css);
@import url(spip_forms.css);

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	background: #BDF url(../images/fond2.jpg) no-repeat fixed top center;
	/*margin: 1.5em;*/
	text-align: center;
	font-size: 0.85em;
  margin-top:0px;
	color: #333;
}

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


/*
   IE6 WARNING
   -----------
*/

#ie6_warning {
/*	position:absolute;
	z-index:10000;
	top:0px;
	left:0px;*/
	width:100%;
	margin:25px auto;
	padding: 5px;
	background: #C00;
	color: #FFF;
	font-weight:bold;
	text-align:center;
}
#ie6_warning a:link,
#ie6_warning a:visited,
#ie6_warning a:hover,
#ie6_warning a:active{
	text-decoration:underline;
	color: #C00;
	background: #FFF;
	padding:1px;
}


/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	width: 984px;
	text-align: left;
	margin: 0px auto;
        padding:0px;
	background: transparent url(../images/bg_page.png) scroll no-repeat 7px top;
}

#conteneur { 
	width: 970px; 
	position:relative;
	margin:0px auto;
	clear:both;
}

#conteneur #contenu {
	float: left;
	width: 750px;
	padding: 0px 10px 0px 210px;
	
	min-height: 475px; /* TEMPORAIRE TROUVER MIEUX !!! */
	
	_width:970px;
}

#conteneur #navigation {
	float: left;
	width: 200px; 
	text-align: center;
	margin: -102px 0px 0px -970px;
        padding-bottom: 330px;
	
	_position:relative;
	_z-index:1000;
}

/* Blocs du contenu (c-a-d. la colonne principale) */
#contenu .contre-encart {
	float: left;
	width: 56%;
	margin: 0px 0px 0px 10px;
	
	_width:55%;
}

#contenu .encart {
	float: left;
	width: 40%;
	margin: 0px 0px 0px 20px;
	margin-bottom: 1em;
	
	_width:39%;
}

/* Entete */
#entete {
	width: 740px;
	float:right;
	margin:0px 20px 0px 0px;
	padding: 5px 0px;
	background: transparent;
	border:0px none;
}
#entete #nom_site_spip, #entete a .spip_logos {
	display: block;
	float: left;
	font-weight: bold;
	font-size: 1em; 
	margin-top:5px;
}
#entete a { 
	text-decoration: none; 
}



/* Fil d'Ariane */
#hierarchie { 
	width:960px;
	clear: both;
	text-align:right;
	margin: 0px auto 0px auto;
	padding: 5px 15px 0px 0px;
	font-size: 0.80em; 
}
#hierarchie a {
	text-decoration:none;
}

/* Pied de page */
#pied {
	clear: both;
	overflow:hidden;
	width: 880px;
	margin: 0px auto;
	padding: 2px;
	text-align: center; 
	font-size: 0.9em; 
	border-top: 1px dotted #666;
	color:#333;
}

#pied img { 
	vertical-align: bottom; 
}
#pied a {
	color:#666;
	text-decoration:none;
}
#pied a:hover {
	color:#333;
	text-decoration:underline;
}

/* Espaceur de blocs */
.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%; 
}


/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */

/* Typo pour les menus et la navigation */
body, #navigation, .encart, .formulaire_spip {
	font-family: "Bitstream Vera Sans", Tahoma, Helvetica, sans-serif;  
}

/* Typo pour le contenu */
#contenu {
	font-family:"Bitstream Vera Sans", Tahoma, Helvetica, sans-serif; 
}

/* Typo pour les citations et extraits introductifs */
q, blockquote, .liste-articles li .texte, .voirskel {
	/* font-family: Garamond, times, serif; 
	color: #007; */
}


/*  ------------------------------------------
/*  Elements
/*  ------------------------------------------ */

h1, h2, h3, h4, h5, h6 { 
	margin: 0; 
	padding: 0; 
	font-size: 1em; 
	font-weight: normal; 
}
h2 {
	font-size:1.7em;
	/*font-weight:bold;*/
	text-align:right;
	color:#007;
	text-transform:uppercase;
}
a { 
	text-decoration: none; 
	color: #060; 
}
a:hover { 
	text-decoration: underline; 
}

li {
	list-style:none;
	background: transparent url(../images/ul.gif) no-repeat left 4px;
	margin: 4px 0;
	padding-left: 20px;
}



/*  ------------------------------------------
/*  Habillage de la navigation
/*  ------------------------------------------ */

/* Boite des rubriques */
.rubriques { 
	float:left;
	width: 200px; /* repasser a 190 si bug */
	margin: 0px 0px 10px 0px;
	padding: 0px;
	position:relative;
	text-align:right;
	border-right:3px dotted #757575;
	border-bottom:3px dotted #757575;
}
#navigation {
	background: transparent;
	height: 487px;
	padding-top: 5px;
}
#navigation img.spip_logos {
	margin-top:-10px;
}
#navigation p.spip {
	margin: 5px 10px;
}

	/* 
	   Menu de navigation générale 
	*/
	ul.niveau1 {
		margin:0px;
		padding:0px;
		width:97%;
		*width:100%;
	}
	.niveau1 li {
		background:none transparent;
		margin:0;
		padding:0;
	}
	.niveau1 li a {
		display:block; 
		width:100%;
		padding:0px;
		margin:0px; 
		position:relative;
	}
	.niveau1 li a.on {
	
	}
	.niveau1 li a span.menu_typo {
		display:block; 
		clear:both; 
		width:100%; 
		height:25px;
	}
	.niveau1 li a span.menu_ombre {
		display:none; 
		clear:both; 
		width:100%; 
		height:25px; 
	}
	.niveau1 li a:hover span.menu_ombre {
		display:block;
	}
	
	/*
	   Navigation niveau 2
	*/
	.niveau1 li ul.niveau2 {
		margin:0 10px 10px 0;
		padding:0;
		font-weight:normal;
		font-size:0.8em;
	}
	.page_breve .niveau1 li ul.niveau2,
	.page_plan  .niveau1 li ul.niveau2,
	.page_recherche .niveau1 li ul.niveau2,
	.page_mot .niveau1 li ul.niveau2,
	.page_404 .niveau1 li ul.niveau2,
	.page_rubrique .niveau1 li ul.niveau2,	
	.page_rubrique .niveau1 li.on ul.niveau2,
	.page_article .niveau1 li ul.niveau2,
	.page_catalogue .niveau1 li ul.niveau2,
	.page_produit .niveau1 li ul.niveau2 {
		display:none;
	}
	.page_article .niveau1 li.on ul.niveau2,
	.page_catalogue .niveau1 li.on ul.niveau2,
	.page_produit .niveau1 li.on ul.niveau2,
	.page_mot  .niveau1 li.on ul.niveau2 {
		display:block !important;
	}
	
	.page_article .niveau1 li.on ul.niveau2 li a,
	.page_produit .niveau1 li.on ul.niveau2 li a,
	.page_catalogue .niveau1 li.on ul.niveau2  li a {
		display:block;
		text-align:right;
		background: none transparent;
		padding:0 10px 0 0;
		margin:0;
		border: 0px none;
		text-decoration:none;
		background: transparent url(../images/ul.gif) no-repeat right center;
	}
	.page_article .niveau1 li.on ul.niveau2  li a:hover,
	.page_article .niveau1 li.on ul.niveau2  li.on a,
	.page_produit .niveau1 li.on ul.niveau2  li a:hover,
	.page_produit .niveau1 li.on ul.niveau2  li.on a,
	.page_catalogue .niveau1 li.on ul.niveau2  li a:hover,
	.page_catalogue .niveau1 li.on ul.niveau2  li.on a {
		font-weight:bold;		
	}

/* Pager en pied d'articles */

.nav_article {
	margin: 0px auto;
	padding:0px 0px 40px 0px;
	font-size:0.80em;
}

.nav_article_prec {
	display: inline;
	float:left;
	width:47%;
	text-align:left;
}
.nav_article_prec a {
	display:block;
	padding: 4px 0 2px 25px;
	height:20px;
	background: transparent url(../images/puce_prev.gif) no-repeat left top;
	font-weight:bold;
}


.nav_article_suiv {
	display: inline;
	float:right;
	width:46%;
	text-align:right;
}
.nav_article_suiv a {
	display:block;
	padding: 4px 25px 2px 0;
	height:20px;
	background: transparent url(../images/puce_next.gif) no-repeat right top;
	font-weight:bold;
}

.nav_article_prec a span,
.nav_article_suiv a span {
	display:none;
}

/* liens de type 'En savoir plus' */

.en-savoir-plus {
	font-weight: bold;
	font-size: 0.80em;
	text-align: right;
}



/*  ------------------------------------------
/*  habillage des boites
---------------------------------------------- */

.encart {}
	.page_recherche .encart {padding-top:10px;}

.encart p { 
	margin: 0; 
	padding: 0.2em 0.7em; 
	text-align: left;  
}
.encart ul { 
	margin: 0; 
	padding: 5px 7px; 
	background: transparent;
}
.encart li { 
	margin: 2px 0; 
	padding: 0px 0px 0px 15px; 
	font-size: 0.90em;
	list-style:none;
	background: transparent url(../images/ul.gif) no-repeat scroll left 4px;
}

.menu-titre {
	padding: 0.2em 0.4em;
	text-align: left;
	font-weight: bold;
}
h3.menu-titre {
	font-family: "Bitstream Vera Sans", Tahoma, Helvetica, sans-serif;
	background: url(../images/puce_ltr.gif) no-repeat left 3px;
	text-align: right; 
	margin: 0.5em 10px; 
	padding-left: 20px;
	font-size: 1em; 
	font-weight: bold;
	text-transform: uppercase; 
	color: #007;
	border-bottom: 1px solid #000;
}
h2.menu-titre {
	font-family: "Bitstream Vera Sans", Tahoma, Helvetica, sans-serif;
	background: url(../images/puce_ltr.gif) no-repeat left 3px;
	text-align: right; 
	margin: 0.5em 10px; 
	padding-left: 20px;
	font-size: 1em; 
	font-weight: bold;
	text-transform: uppercase; 
	color: #007;
	border-bottom: 1px solid #000;
}

.breves, 
.syndic, 
.forums, 
.divers {
	min-width: 10em;
	margin-bottom: 1em;
	padding: 5px;
	position:relative;
	background: transparent url(../images/opac_verte.png);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/squelettes/images/opac_verte.png', sizingMethod='scale');
}
	
.breves p.spip, 
.syndic p.spip, 
.forums p.spip, 
.divers p.spip {
	margin-left: 15px;
	font-size: 0.8em;
}
.breves h3.spip, 
.syndic h3.spip, 
.forums h3.spip, 
.divers h3.spip {
	font-family: "Bitstream Vera Sans", Tahoma, Helvetica, sans-serif;
	background: url(../images/puce_ltr.gif) no-repeat left 3px;
	text-align: right; 
	margin: 0.5em 10px; 
	padding-left: 20px;
	font-size: 1em; 
	font-weight: bold;
	text-transform: uppercase; 
	color: #007;
	border-bottom: 1px solid #000;
}
.breves ul li, .syndic ul li, .forums ul li, .divers ul li,
.breves ol li, .syndic ol li, .forums ol li, .divers ol li, {
	margin-left: 45px;
}
.breves { 

}

.breves .menu-titre { 

}

.syndic { 

}
.syndic .menu-titre { 

}

.forums { 

}
.forums .menu-titre { 

}

.divers { 

}
.divers .menu-titre { 

}

/*  ------------------------------------------
/*  Habillage du contenu
/*  ------------------------------------------ */

/*  Cartouche et titraille
---------------------------------------------- */
.cartouche { 
	margin-bottom: 0px; 
}
	.page_article .cartouche { 
		margin-bottom: 5px; 
	}


.cartouche .titre {
	text-align: right;
	font-size: 1.27em;
	font-weight: bold;
}

.cartouche .post-dated {
	font-size:0.8em;
	text-align:right;
}

/* titres typo propres */
.bloc_titre {
	width:100%; 
	height:55px; 
	padding:0 5px 0px 0;
	margin:0px; 
}
	.page_article .bloc_titre {
		height: 60px;
	}
	.bloc_titre h1.titre_style {
		display:block;
		clear:both;
		width:100%;
		height:70px;
	}
	.bloc_titre h1.titre_style span {
		display:none;
	}
/*
Les fichiers images générés par les #titres|image_typo 
sont ensuite appliqués en images de fond aux titres h1
et à la div bloc_titre
*/

#contenu .surtitre, #contenu .soustitre { 
	font-size: 0.82em; 
}
#contenu .contreli {}

.cartouche .spip_logos {
	float: right;
	margin-left: 16px;
	margin-bottom: 16px; 
}

.cartouche p { 
	margin: 0; 
	padding: 0; 
	clear: left; 
}
.cartouche small { 
	font-size: 0.71em; 
}

.cartouche .traductions { 
	font-size: 0.71em; 
}
.cartouche .traductions * { 
	display: inline; 
}
.cartouche .traductions li { 
	padding-left: 1em; 
}


/*  Mise en forme des textes du contenu
---------------------------------------------- */

.chapo {
	padding: 1px 15px;
	min-width: 10em;
	margin: 0px 10px;
	line-height:normal; 
	background: transparent url(../images/opac_verte.png);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/squelettes/images/opac_verte.png', sizingMethod='scale');
	
	overflow:hidden;
}
.page_rubrique .chapo {
	margin: 0px 0px 1em 0px;
	color:#060;
}
.page_article .chapo {
	margin: 0px 0px 15px 0px;
	color:#060;
}
	.chapo p.spip {
		font-size: 0.9em;
	}
	.chapo h3.spip {
		font-family: "Bitstream Vera Sans", Tahoma, Helvetica, sans-serif;
		background: url(../images/puce_ltr.gif) no-repeat left 3px;
		text-align: right; 
		margin-top: 0.5em; 
		padding-left: 20px;
		font-size: 1.1em;
		font-weight: bold;
		text-transform: uppercase; 
		color: #007;
		border-bottom: 1px solid #000;
		display:block;
	}
	.chapo a, .chapo a:link, .chapo a:visited {
		color: #007;
		text-decoration:none;
	}
	.chapo a:hover {
		text-decoration:underline;
	}

.texte { 
	color: #000; 
	font-size: 0.96em; 
	line-height:normal;
	width:740px; 
	overflow:hidden;
	margin: 0px 10px 0px 5px;
}
#colonne-gauche {
	width:47%;
	float: left;
	margin: 0 11px 0px 0px;
}
#colonne-gauche p.spip {
	margin-bottom: 25px;
}
#colonne-droite {
	width:47%;
	float: left;
	margin: 0 0 0 30px;
}
#colonne-droite p.spip {
	margin-bottom: 25px;
}

.notes {
	margin-top: 1.4em;
	padding: 2px;
	border-left: 1px dotted #757575;
	font-size: 0.8em;
	clear: both; 
}
.notes h2 {display:none;}

#view_more {overflow:hidden;}
.lien {
	float:right;
	width: 45%;
	margin: 15px 5px; 
	padding: 5px;
	background: transparent url(../images/opac_verte.png);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/squelettes/images/opac_verte.png', sizingMethod='scale');
}
	.page_breve .lien { 
		width:100%;
		float:none;
		margin:15px auto; 
		font-size:1em;
	}
.lien h2 { font-size:0.9em; }
.lien ul {
   margin: 10px;
   padding:0px;
   text-align:left;
}
.lien ul li {
   margin: 0px;
   font-size:0.8em;
}


/* Post scriptum pas utilisé ici */
.ps { display:none; } 





/*  Portfolio
---------------------------------------------- */
#documents_portfolio {
	clear: both;
	margin-top: 1.4em;
	padding-top: 2px;
	border: 0px none; 
}
#documents_portfolio a img {
	margin: 10px;
}
#documents_portfolio h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight:bold; }

#document_actif { margin-top: 1em; }
#document_actif img {
	max-width:550px;
}



/*  Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
#documents_joints {
	margin-top: 1.4em;
	padding-top: 2px;
	border: 0px none; 
}
#documents_joints h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight:bold; }
#documents_joints ul { margin: 10px; padding: 0; list-style: none; }
#documents_joints li { margin-bottom: 0.4em; }
#documents_joints li .spip_doc_titre {}
#documents_joints li .spip_doc_titre small { font-weight: normal; }
#documents_joints li .spip_doc_descriptif {}



/* Listes d'articles et extraits introductifs
----------------------------------------------- */
.liste-articles ul { margin: 0; padding: 0; list-style: none; }
.liste-articles li { margin-bottom: 1em; clear: both; background:none transparent; }


.liste-articles .article_inside {
	margin: 0 0 20px 0;
}
.liste-articles .opacity {
	font-size:0.8em;
	border-right: 1px dotted gray;
	border-bottom: 1px dotted gray;
	padding: 10px 5px;
	margin: 0 4px 0 0;
	min-height:36px;
	overflow: hidden;
}
.liste-articles .article_inside h3.titre {
	font-size: 0.9em;
	font-weight: bold;
	text-align: right;
	text-transform: uppercase;
	background: url(../images/ul.gif) right center no-repeat;
	padding: 0 20px;
}

.liste-articles .article_inside .spip_logos {
	float: left;
	margin:0 15px 5px 0px;
	clear: left;
}

.liste-articles  .article_inside p { margin: 0; padding: 0; }

.liste-articles  .article_inside .enclosures {
	float: right;
	text-align: right;
	max-width: 60%;
	margin: 0; 
}

.liste-articles  .article_inside small {
	display: block;
	font-size: 0.71em; 
}

.liste-articles  .article_inside .texte {
	margin-top: 5px;
	margin-bottom: 2em;
	border: 1px solid #CCC;
	padding: 0.9em;
	font-size: 0.82em;
	line-height: 1.4em; 
}

.pagination { font-size: 0.80em; }



/*  ------------------------------------------
/*  Habillage specifique du plan du site
/*  ------------------------------------------ */

.page_plan .cartouche {  }

.page_plan #contenu h2 {
	clear: both;
	font-family: "Bitstream Vera Sans", Tahoma, Helvetica, sans-serif;
	background: url(../images/puce_ltr.gif) no-repeat left 3px;
	text-align: right; 
	margin-top: 25px; 
	padding-left: 20px;
	font-size: 1em; 
	font-weight: bold;
	text-transform: uppercase; 
	color: #007;
	border-bottom: 1px solid #000;
	display:block;
}

.page_plan #contenu h2 a {
	text-decoration:none;
}
/*.page_plan #contenu .contre-encart ul {
	display: block;
	clear: left;
	margin:15px 0 25px 40px;
	padding-top: 0; 
}*/
.page_plan #contenu .contre-encart li {
	font-size: 0.8em;
}
.page_plan #contenu .contre-encart li a:hover {
	text-decoration:none;
	font-weight:bold;
}
.page_plan .encart {
	padding-top: 25px;
}




/* GADGETS */
	#pied .clef a {
		text-decoration: none; 
		color: #000;
		font-weight:normal;
	}
	#pied .clef a:hover {
		text-decoration: none; 
	}
	
	#pied .ebl a:link, #pied .ebl a:active, #pied .ebl a:hover, #pied .ebl a:focus, #pied .ebl a:visited  {
		color: #BBDCFF;
	}
	
	
.vcard {padding:0px 4px; margin:15px 0px; line-height:120%;}
.vcard .adr, .vcard .tel {font-size:0.9em; font-weight:normal;}
.vcard .street-address, .vcard .tel .type {display:block; clear:both;}
.vcard .org {font-size:0.9em;}