/*  --------------------------------------------------------------- */
/*  Feuilles de styles des squelettes Blog'n Glop  */
/*  -------------------------------------------------------------- */

/* 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
 * attention les modifs du css par defaut des glop styles sont faits directement dans ce fichier aussi hors bloc indique
 */
 
 
 

/*  ------------------------------------------
/*  Styles generaux
/*  ------------------------------------------ */

body {
	background: #FFFFFF;
	margin: 1em;
	text-align: justify;
	font-size: 1.1em;
	color: #000000;
}

/*  ------------------------------------------
/*  add-on vudici
/*  ------------------------------------------ */

h6 {font-size: 12px; }
#menu-horizontal { padding:0; margin-top: 10px;margin-bottom: 0px;border-bottom:1px solid #333333;
border-top:1px solid #333333;
 }
#menu-horizontal ul li { display: inline; padding-right:30px; margin: 0;  }
#menu-horizontal ul { padding:2px; margin: 0; text-align: center; }
#menu-horizontal a { color: #000; }
#menu-horizontal a:hover { color: #666; }
h1.titre { font-family : Arial, Helvetica, sans-serif;}
h1.titre-journal { font-family : Arial, Helvetica, sans-serif; font-size:14px; color: #666; margin-top: 30px;}
.titre-article { color: #666699; font-weight: bold;}
li.sans { list-style: none; }

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	width: 53.13em;
	text-align: justify;
	margin-left: auto;
	margin-right: auto;}

/* En-tete */
#entete {
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	border: 0;}
#entete .formulaire_recherche { float: right; margin-right:1em;}

#entete .blog_titre {float: left; width: 75%; margin-left: 0em;}

#entete h1 { font-size: 3em;}

#entete .citation {
	float: right;
	width: 45%;
	font-size: 0.92em;
	text-align: right;
	margin-right: 0.75em;}

/* Fil d'Ariane */
#hierarchie {

clear:both;
font-size:0.82em;

}

/* Menu gauche */

/* pour ie */
#conteneur #menug {
	float: left;
	width: 12em;
	margin-right: 4.5em;
	display:inline;margin-top:15px;
	}
 html>body #conteneur #menug {float: left;
	width: 9em;
	margin-right: 1.5em;
	margin-top:0px;
}	
 
#conteneur #menug .tags {
	text-align: justify;
	font-size: 0.82em;
	font-weight: normal;
	background: #FFFFFF;}
	
/* Menu droit */
/* pour ie */
#conteneur #menud {
	float: right;
	width: 12em;
	margin-left: 0.5em;
	margin-top:15px;

	}


html>body #conteneur #menud {
	float: right;
	width: 9em;
	margin-left: 0.5em;margin-top:0px;}

/* Menus gauche et droit */	

#conteneur #menug h1, #conteneur #menud h1 {
	text-align: justify;
	font-size: 0.88em;
	color: #000000;
	font-weight: bold;
	padding: 0.2em 0.4em;
	margin-top: 0.5em;
	margin-bottom: 0.25em;
	border-bottom: 1px dotted #BEBECF;}
	
#conteneur #menug ul, #conteneur #menud ul {
	margin-top: 0;
	padding-left: 0;}
	
#conteneur #menug li, #conteneur #menud li {
	list-style : none;
	text-align:left;
	font-size: 0.85em;
	font-weight: normal;
	color: #000000;
	margin-bottom: 0.2em;}
	
#conteneur #menug a, #conteneur #menud a {
	text-decoration: none;
	color: #000000; }

#conteneur .affiche {
	text-align: center;
	font-size: 0.82em;
	font-weight: normal;
	color: #000000;
	margin: 0.25em 0em;}
	
/* Colonne principale */

/* pour ie */
#conteneur #contenu {
	float: left;
	width: 32em;

	margin: 0.5em; 	
	margin-top:20px;}
	



html>body #conteneur #contenu {
	float: left;
	width: 32em;
	margin: 0em; 
}
	
/* Navigation transversale */
.navigo {
	width: 100%;
	border: 0;
	margin: 0 0 1.5em;
	font-size: 0.82em;}

.navigo div.art_prec {
	float: left;
	width: 50%;
	border: 0;
	margin: 0;
	text-align: left;}
	
.navigo div.art_suiv {
	float: right;
	width: 50%;
	border: 0;
	margin: 0;
	text-align: right;}
	
/* Cartouche resume article */
#conteneur #contenu .resume_article {
	border-bottom: 1px dotted #CCC;
	margin-bottom: 2em;}

#conteneur #contenu .resume_article h1.titre {

	font-size: 0.96em;
	font-weight: bold;}

#conteneur #contenu .resume_article h2.stitre {
	background: #F3F3F7;
	font-size: 0.88em;}	

#conteneur #contenu .resume_article .logo img {
/*source bug ie ? right/left */
float: left;
	margin: 0.5em;}	

#conteneur #contenu .resume_article .accroche {
	font-size: 0.88em;}	
	
#conteneur #contenu .resume_article p.infos {
	text-align: right;
	font-size: 0.82em;}
	
#conteneur #contenu .resume_article p.infos img.spip_logos {
	vertical-align: middle;}
	
.page_archive h1.date {
	background: #F3F3F7;
	text-align: center;
	font-size: 0.96em;
	font-weight: bold;
	padding: 0.5em;
	margin-top: 0.5em;}
	
/* Pied de page */
#pied {
	font-size: 0.77em;
	clear: both;
	width: 100%;
	margin-top: 4em;
	border-top: 1px dotted #CCC;
	padding: 2px;
	text-align: center; }

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

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

/* Typo pour le contenu */
#contenu {
	font-family: Garamond, "Trebuchet MS", Helvetica, sans-serif; }

/* Typo pour les citations et extraits introductifs */
q, blockquote, h3.spip {
	font-family: Garamond, "Bitstream Vera Serif", Georgia, Times, serif; }

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

.cartouche { 
	
	padding: 0.25em;
	margin-bottom: 1.5em; }

.cartouche .titre {
	font-size: 1.27em;
	font-weight: bold;
	color: #000; }
	
#contenu .cartouche p.surtitre, #contenu .cartouche p.soustitre {
	font-size: 1.09em;
	font-weight: normal;
	color: #333333; }

.cartouche p {
	font-size: 0.96em;
	color: #666666;
	margin: 0;
	padding: 0;
	clear: left;}

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

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

/* Tableaux */
table.spip tr.row_first { background: #FFFAF0; }
table.spip tr.row_odd { background: #E1E1EB; }
table.spip tr.row_even { background: #F0F0FA; }



/*  Mise en forme des textes du contenu
---------------------------------------------- */
.chapo {
	margin-bottom: 0px;
	font-weight: bold;
	line-height: 1em;
	font-size: 0.96em;
	color: #666666;}

.texte { color: #000; font-size: 0.96em; }

.ps, #documents_portfolio, #documents_joints, .notes, #sources_images {
	margin-top: 1em;
	padding-top: 2px;
	border-top: 1px dotted #BEBECF; }

.ps, #documents_portfolio, #documents_joints { font-size: 0.82em; }
.ps h2, #documents_portfolio h2, #documents_joints h2 { font-size: 1.07em; font-weight: bold; }

.notes, #sources_images { clear: both; font-size: 0.77em; }
.notes h2, #sources_images h2 { font-size: 1.14em; font-weight: bold; }

#sources_images ul, #documents_joints ul {
	list-style: square;
	list-style-position: inside;
	padding-left: 0em;}

a { text-decoration: none; color: #CC0000;}
h1 a, #hierarchie a {color: inherit; }
a:hover, h1 a:hover, #hierarchie a:hover, #conteneur #menug a:hover, #conteneur #menud a:hover, #contenu a:hover { text-decoration: none; color: #333366; }
a.spip_in:hover { border-bottom: 1px dashed #FF6600;}
a.spip_out:hover { border-bottom: 1px solid #FF6600;}
a.spip_glossaire:hover { border-bottom: 1px dotted #FF6600;}

/* Raccourcis typographiques de SPIP */

h3.spip {
	font-size: 1em;
	color: #003399; }
	
blockquote.spip, .spip_serif { font-family: Garamond, "Bitstream Vera Serif", Georgia, Times, serif; }
blockquote.spip { 
	background: #F3F3F7 url("bng_fond_citation.png");
	padding: 0em 0.5em 0em 1.5em;
	border: 0;
	margin: 1em; }

a.spip_note, a.spip_in, a.spip_out, a.spip_url, a.spip_glossaire { color: #003399; }
.on { color: #FF6600; } /* liens exposes */

/*  Mise en forme des encarts (breves)
---------------------------------------------- */

div.b_encart {
	text-align: center;
	width: 10em;
	background: #FAFAFF;
	margin: 0.5em;
	border: 1px dotted #003399;
	padding: 0.25em;}

div.b_encart h1 {
	font-size: 0.96em;
	font-weight: bold;}
	
div.b_encart p {
	text-align: justify;
	font-size: 0.88em;}
	
div.b_encart p.encart_lien {
	font-size: 0.88em;}

div.b_encart div.encart_notes {
	margin-top: 0.5em;
	font-size: 0.82em;}

#encart_sources_images ul {
	text-align: justify;
	font-size: 0.77em;
	list-style: square;
	list-style-position: inside;
	margin-top: 0.1em;
	padding-top: 0em;
	padding-left: 0em;}
	
#encart_sources_images li {
	margin-top: 0em;
	padding-top: 0em;}
	
/* Typo pour les codes et les cadres dans les breves */
div.b_encart .spip_code, div.b_encart .spip_cadre { font-family: monospace; font-style: normal; font-size: 0.88em; }