
/**************************
// COMMUN
**************************/

p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: justify;
}

a img
{
   border: none;
}

a  strong
{
	color: #4a4a9c;
	text-decoration: none;
}


a:link  strong
{
    text-decoration: none;
}

a:visited  strong
{
    text-decoration: none;
}

a:hover  strong
{
	color: #4a4a9c;
	text-decoration: underline;
}

.titre
{
	margin-top: 4px;
	padding-bottom: 7px;
}


#content
{
	font-size: 1em;
	border: 0px dotted  #0000fe;
	padding: 5px;
	margin-top: 0px;
	margin-left: 170px;
	margin-right: 10px;
	min-height : 600px;  /* pas supporte sous IE6 */
}


#position 
{
	color: #009999;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 0.8em;
	float : right;
	margin-right : 10px;
}


/* Hack pour avoir un affichage homogène entre Firefox et IE - Début */
.puceEncart
{
	margin-right : 8px;
	voice-family: "\"}\"";
	voice-family:inherit;
	margin-left : 28px;
}

html>body .puceEncart
{
	margin-left : -15px;
}
/* Hack pour avoir un affichage homogène entre Firefox et IE - Fin */

/* pagination : numéro actif de groupe de liens  */
.on
{
	font-size: 1.1em;
	font-weight : bold;
	color: #000022;
}


/**************************
// STYLES SPIP
**************************/
/* surlignage des  mots-cles trouves lors d'une recherche */
.spip_surligne
{
	background-color: #FFFF66;
}

.spip_documents
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size : 70%;
}


.spip_documents_left
{
	float: left;
	margin-right: 15px; 
	text-align: center;
}


.spip_documents_right
{
	float: right;
	margin-left: 15px; 
	text-align: center;
}

/* Pour avoir des fichiers joints centrés*/
.spip_documents_center
{
	margin: auto; 
	text-align: center;
	width: 80%
}



.spip_logos
{
	margin: 5px;
	border-width: 0px;
}

/* ne marche pas sous Firefox (le texte mord sur l'image sur la droite */
/*
.spip_documents img
{
	margin : 0px;
}
*/

h3.spip
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.1em;
	text-align: center;
	margin-top : 50px;
	margin-bottom : 25px;
	padding: 0em;
	color : #000066;
}


table.spip
{
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #999999;
	border-collapse:collapse;
}

table.spip tr.row_first 
{
	background-color: #FCF4D0;
}

table.spip tr.row_odd 
{
	background-color: #C0C0C0;
}

table.spip tr.row_even 
{
	background-color: #F0F0F0;
}

table.spip td 
{
	padding: 1px;
	text-align: left;
	vertical-align: middle;
}

table.spip caption
{
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin-left: auto;                                                       
	margin-right: auto;
	padding: 3px;
	font-weight: bold;
	font-family: Verdana,Arial,Sans,sans-serif;
	font-size : 70%;
}


blockquote.spip 
{
	margin-left : 40px;
	margin-top : 10px;
	margin-bottom : 10px;
	margin-right: 0px;
	border : solid 1px #aaaaaa;
	background-color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
}


a.spip_out { text-decoration: none; color: #a02020; }
a.spip_in, a.spip_url { text-decoration: none; color: #2020a0; }
a.spip_glossaire { text-decoration: none; color: #20a020; }


.chapo 
{
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: justify;
	font-size: 105%;
}

.texte, .texte p.spip 
{
	font-family: Georgia, Garamond, Times, serif;
	text-align: justify;
}


.spip_puce
{
	list-style-position: inside;
	border-width: 0px;
}

.ps 
{
	font-family: Georgia, Garamond, Times, serif;
	text-align: justify;
	font-size: 85%;
}

.notes 
{
	font-family: Georgia, Garamond, Times, serif;
	text-align: left;
	font-size: 80%;
}


/*
 * Ici les styles pour le contenu
 */

.contenu .surtitre
{
	font-size: 110%;
	font-weight: bold;
	font-variant: small-caps;
}

.contenu .detail 
{
	font-size: 80%;
	color: #303030;
}


.extrait 
{
	border: groove 0px #a0a0a0;
	padding: 0em;
	font-size: 75%;
	margin-bottom: 15px;
}

.extrait  a
{
	color: #4A4A9C;
}


/**************************
// INC.HEADER
**************************/
/* Permet de rendre le logo cliquable - ne marche pas sous IE */
#sitename
{
	height: 120px;
	background-image: url("../images/bandeau.jpg");
	background-repeat: no-repeat;
}

a.accueil
{
  text-align: center;
  padding-right: 800px;
  padding-bottom: 100px;
}

#slogan
{
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
	text-align : left;
	background-color:#999999;
	height : 1.3em;
}


#texteSlogan
{
	float : left;
	padding : 0px;
	margin : 0px;
}


/* barre de recherche */
#formrecherche
{
	text-align : right;
	padding : 0px;
	margin : 0px;
}

#formrecherche form
{
	padding : 0px;
	margin : 0px;

}

.recherchetext
{
	background-color: #CCCCCC;
	height : 12px;
	font-size : 0.6em;
}

.recherchebutton
{
	background-color: #CCCCCC;
	height : 18px;
	font-size : 0.6em;
}


/**************************
// INC.MENU
**************************/
#menu
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	float: left;
	
	margin-top: 0px;
	left: 10px;
	top: 110px;
	position: fixed;

	border: 1px dotted black;
	width: 162px;

	padding-bottom: 15px;
}

#menu h3 /* Tous les titres de menus */
{    
   color: #009900;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size : 1.3em;
   font-weight: bold;
   text-align: center;
   margin-top: 30px;
   margin-bottom: 8px;
}

#menu ul /* Toutes les listes a puces se trouvant dans un menu */
{
   padding: 0px; 
   padding-left: 20px; 
   margin: 0px; 
   margin-bottom: 5px;
}

#menu a /* Tous les liens se trouvant dans un menu */
{
	text-decoration: none;
	color: #009900;
}

#menu a:hover /* Quand on pointe sur un lien du menu */
{
	text-decoration: underline;
	color: #225555;
}

#formnewsletter
{
	/*background-color: #FFDDAA;*/
	/*text-align : center;*/
}

.newslettertext
{
	height : 12px;
	font-size : 0.8em;
	width : 85%;
	margin: 10px;
}


.newsletterradio
{
	margin-left : 0px;
	font-size : 0.8em;
	vertical-align : 4px;
}


.newsletterbutton
{
	border: 1px solid black;
	font-size : 0.8em;
	margin: 10px;
	margin-left : 50px;
	width : 48px;
	height : 18px;

}


/**************************
// INC.FOOTER
**************************/
#footer
{
	font-size: 0.9em;
	border: hidden;
	padding : 10px;
	border-top: 2px solid  #000080;
	border-bottom: 2px solid  #000080;
	margin-left: 170px;
	margin-right: 15px;
	margin-top: 15px;
	text-align: center;
}


/**************************
// SOMMAIRE
**************************/

#copyright
{
	
	color : #000080;
	margin-top : 10px;
	font-size: 0.7em;
	padding : 5px;
	color : #000066;
	text-align: center;
}

#copyright a
{
	color : #0033CC;
	font-weight : normal;
}

#copyright a:hover
{
	color : #990033;
	font-weight : normal;
}


/**************************
// PLAN
**************************/

.plan-secteur 
{
	margin-top: 0em;
	margin-bottom: 3em;
	/*clear: right;*/
}

.plan-secteur h2
{
	display: block;
	border: 1px solid #ff9933;
	margin: 0px;
	margin-top: 25px;
	padding: 5px;
	font-size: 140%;
	font-weight: bold;
	background-color: #ffcc99;
	text-align:center;
	color: #000000;
}

.plan-rubriques 
{
	/*clear: left;*/
	display: block;
	list-style: none;	
	margin-top: 10px;
	margin-bottom: 20px;
}

.plan-rubrique 
{
	/*display: inline;*/
	/*border: 1px solid #ff9933;*/
	padding-left: 18px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 5px;
	background-image: url("../images/puce.gif");
	background-repeat: no-repeat;
}

.plan-articles 
{
	/*clear: left;*/
	margin-top: 10px;
	margin-bottom: 10px;
	list-style: square;
}

.plan-article
{
	margin-top: 10px;
	margin-bottom: 10px;
}


/* Eclaircissement progressif des rubriques en fonction de la profondeur */

ul .plan-rubrique 
{
	/*background-color: #f0B000;*/
}

ul ul .plan-rubrique 
{
	/*background-color: #f0C000;*/
}

ul ul ul .plan-rubrique 
{
	/*background-color: #f0D000;*/
}

.plan-secteur  a
{
    text-decoration: none;
	color: #000000;
}

.plan-secteur  a:link  
{
    text-decoration: none;
	color: #000000;
}

.plan-secteur  a:visited
{
    text-decoration: none;
	color: #000000;
}

.plan-secteur a:hover  
{
	color: #4a4a9c;
	text-decoration: underline;
}


/* liens exposes */
a.on:link {font-weight: bold; color: #000066;}
a.on:visited {font-weight: bold; color: #000066;}
a.on:hover {font-weight: bold; color: #000066;}




/**************************
// RECHERCHE (résultats)
**************************/
#recherche
{
	font-size: 1em;
	border: 0px dotted  #0000fe;
	padding: 5px;
	margin-top: 0px;
	margin-left: 170px;
	min-height : 600px;  /* pas supporte sous IE6 */
}


#recherche  h2
{
	font-size: 1.5em;
	color: #222222;
}


#recherche  a
{
    text-decoration: none;
	color: #000000;
}

#recherche  a:link  
{
    text-decoration: none;
	color: #000000;
}

#recherche a:visited
{
    text-decoration: none;
	color: #000000;
}

#recherche  a:hover  
{
	color: #4a4a9c;
	text-decoration: underline;
}

#recherche li
{
	margin-top: 20px;
	margin-bottom: 10px;
}

.CurrentPage
{
	font-size: 1.3em;
	font-weight : bold;
	color: #000022;
}


.PageLink
{
	font-size: 1.2em;
	color: #4a4a9c;
	font-weight : bold;
}



/**************************
//BREVE
**************************/
#articlebreve
{	
	margin-top: 150px;
	padding : 5px;
}



/**************************
// ARTICLE
**************************/
h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	text-align:center;
	border-style:none;
	font-weight: bold;
	margin-top: 15px; 
	margin-bottom: 20px;
	margin-left: 10px;
	margin-right: 10px;
	color : #000066;
}


.surtitre
{
	font-family: arial, helvetica, sans-serif;
	font-size: 1.3em;
	text-align : center;
	font-weight : bold;
	color : #400080;
	margin-top : 10px;
}

.date
{
	font-family: arial, helvetica, sans-serif;
	font-size: 0.8em;
	text-align:left;
	color : #339933;
	font-weight : bold;
}

#utilitaires
{
	font-size: 11px;
	padding: 2px;
	margin-left: 30px;
	margin-bottom: 10px;
	margin-top: 0px;
}

.chapo 
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 40px;
	font-size: 13px;
}


.notes
{
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	border-top: 1px solid #a0a0a0;
	padding: 1.5em;
}


#encart 
{
	float: right;
	width: 25%;
}

.cartouche
{
	border: 1px solid #CCC;
	background-image: url("../images/craft.jpg");
	background-repeat: repeat-xy;
	color : #0033CC;
	margin: 10px;
	margin-top: 20px;
	padding-left : 4px;
	padding-bottom : 4px;
	font-size: 0.77em;
}

.cartouche h3
{
	background-color : #ff9933;
	margin: 4px;
	text-align : center;
	color : #ffffff;
	font-size : 1em;
}

#encart a
{
	color : #000000;
	font-size : 0.9em;
}

#encart a:link
{
    text-decoration: none;
}

#encart a:visited
{
    text-decoration: none;
}

#encart a:active
{
    color: #9900ff;
}

#encart a:hover 
{
    text-decoration: underline;
}

#hautdepage
{
	margin-top:2.5em;
	text-align : center;
}


/**************************
// RUBRIQUE
**************************/
#encartrubrique
{
	float: right;
	width: 250px;
}

#encartrubrique a
{
	color : #000000;
	font-size : 0.9em;
}

#encartrubrique a:link
{
    text-decoration: none;
}

#encartrubrique a:visited
{
    text-decoration: none;
}

#encartrubrique a:active
{
    color: #9900ff;
}

#encartrubrique a:hover 
{
    text-decoration: underline;
}


#logorubrique
{
	float: left;
}

#titrerubrique
{
	margin-left: 10px;
	float: left;
}

#articlesrubrique
{
	margin-top: 40px;
	padding : 2px;
}

.TitreArticleRubrique
{
	padding-top : 6px;
}

.TitreArticleRubrique a
{
	font-size : 1.4em;
	font-weight: bold;
	color: #4a4a9c;
	text-decoration : none;
}

.TitreArticleRubrique a:hover 
{
	color: #4a4a9c;
	text-decoration : underline;
}

.TitreArticleRubrique a:visited
{
	color: #824a9c;
}

/**************************
// Rubrique specialisee : tous les Permanences
**************************/
.RevueRubrique
{
	height : 130px;
	margin-top : 5px;
	margin-bottom : 25px;
}

.RevueRubrique a
{
	font-size : 1em;
	font-weight: bold;
	color: #4a4a9c;
	text-decoration : none;
}

.RevueRubrique a:hover 
{
	color: #4a4a9c;
	text-decoration : underline;
}

.RevueRubrique img
{
	float : left;
	margin-right : 10px;
}

/**************************
// Rubrique specialisee : actualité culturelle
**************************/
#actuculturelle
{
	font-size: 1em;
	background-image: url("../images/culture_fond.jpg");
	background-repeat: no-repeat;
	background-position: right;
	padding: 5px;
	margin-top: 0px;
	margin-left: 170px;
	min-height : 600px;  /* pas supporte sous IE6 */
}


/**************************
// Rubrique specialisee : agenda
**************************/
#agenda
{
	font-size: 1em;
	background-image: url("../images/agenda_fond.jpg");
	background-repeat: no-repeat;
	background-position: right;
	padding: 5px;
	margin-top: 0px;
	margin-left: 170px;
	min-height : 600px;  /* pas supporte sous IE6 */
}

/**************************
// Rubrique specialisee : revue de presse
**************************/
#revuedepresse
{
	font-size: 1em;
	background-image: url("../images/revuedepresse_fond.jpg");
	background-repeat: no-repeat;
	background-position: right;
	padding: 5px;
	margin-top: 0px;
	margin-left: 170px;
	min-height : 600px;  /* pas supporte sous IE6 */
}


/**************************
// Rubrique specialisee : analyses
**************************/
#analyses
{
	font-size: 1em;
	background-image: url("../images/loupe_fond.jpg");
	background-repeat: no-repeat;
	background-position: right;
	padding: 20px;
	margin-top: 0px;
	margin-left: 170px;
	margin-right : 30px;
	min-height : 600px;  /* pas supporte sous IE6 */
}


/**************************
// Rubrique specialisee : livres en vitrine
**************************/
#livresenvitrine
{
	padding: 2px;
	margin-top: 40px;
}



/**************************
// Rubrique specialisee : oeuvres de beauté
**************************/
#oeuvresdebeaute
{
	padding: 2px;
	margin-top: 40px;
}



/**************************************************
// DOCUMENTS (Rubrique specialisee)
**************************************************/
#DocFormContent
{
	font-size: 1em;
	border: 0px dotted  #0000fe;
	padding: 5px;
	margin-top: 0px;
	margin-left: 170px;
	min-height : 600px;  /* pas supporte sous IE6 */
}

#DocFormContent a
{
	color: #4a4a9c;
	text-decoration: none;
}

#DocFormContent a:link  
{
    text-decoration: none;
}

#DocFormContent a:visited
{
    text-decoration: none;
}

#DocFormContent a:hover
{
	color: #4a4a9c;
	text-decoration: underline;
}

.RubricsPuce
{
	margin-top:30px;
}

.RubricsExpand
{
	cursor:pointer;
}

.RubricsNoExpand
{
	text-indent:17px;
}


#DocFormContent 	ol
{
	margin-bottom : 5px;
	color: #000000;
}

#DocForm
{
	width : 290px;
	height : 165px;
	border: 1px solid black;
	background-color: #eeeeee;
}

#SortCriteria
{
	margin-bottom : 10px;
	margin-top : 5px;
	margin-right : 15px;
	margin-left : 15px;
	float : left;
	font-size: 0.9em;
}

#ArticlesOrder
{
	margin : 10px;
	margin-top : 5px;
	float : left;
	font-size: 0.9em;
}


#DocFormButtonDiv
{
	text-align : center;
}

#DocFormButton
{
	border: 1px solid black;
	font-size : 0.8em;
	padding-bottom: 2px;
	height : 20px;
	text-align : center;
}

.FormTitle
{
	text-align : center;
	font-weight: bold;
	font-size: 0.95em;
}

.FormControl
{
	vertical-align : middle;
	margin-bottom: 3px;
}


.DocFormContentDate
{
	font-family: arial, helvetica, sans-serif;
	font-size: 0.8em;
	text-align:left;
	color : #339933;
	font-weight : bold;
}



