
/**************************
// COMMUN
**************************/
body
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #333333;
	width: 965px;;
	margin-left: auto;
	margin-right: auto; 
	background:#ffffff;
}

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;
}


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


#content a 
{
	color: #1a4962;
	text-decoration: none;
}


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

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

#content a:hover
{
	color: #1a2a66;
	text-decoration: underline;
}



#position 
{
	color: #009999;
	font-family: Arial,Helvetica,sans-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 : 10px;
	voice-family: "\"}\"";
	voice-family:inherit;
	/*margin-left : 28px; - commenté car bug sur IE7 */
}

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




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

.spip_documents
{
	font-family: 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: Arial,Helvetica,sans-serif;
	font-size: 1.3em;
	text-align: center;
	margin-top : 50px;
	margin-bottom : 25px;
	padding: 0em;
}


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: Arial,Helvetica,sans-serif;
	font-size : 70%;
}


blockquote.spip 
{
	margin-top : 10px;
	margin-bottom : 10px;
	margin-right: 0px;
	margin-left : 40px;
	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: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: justify;
	margin-top: 20px;
}


.texte, .texte p.spip 
{
	font-family: Arial,Helvetica,sans-serif;
	text-align: justify;
}


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

.ps 
{
	font-family: Arial,Helvetica,sans-serif;
	text-align: justify;
	font-size: 85%;
}

.notes 
{
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	border-top: 1px solid #a0a0a0;
	padding: 1.5em;
	font-family: Arial,Helvetica,sans-serif;
	text-align: left;
	font-size: 80%;
}


/*
 * Ici les styles pour le contenu
 */

.contenu h1,h2 
{
	font-size: 120%;
	font-weight: bold;
}

.contenu h1,h2.titre-extrait 
{
	font-size: 160%;
	font-weight: bold;
}
.contenu h1,h2.titre-texte 
{
	font-size: 190%;
	font-weight: bold;
}

.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: 90%;
	margin-top : 5px;
	margin-bottom: 10px;
}


/**************************
// INC.HEADER
**************************/
#sitename
{
	margin-left: 0px;
	height: 105px;
}


#menuhorizontal
{
	color : #FFFFFF;
	border : solid 1px #681133;
	padding : 1px;
	padding-top : 4px;
	background-color:#681133;
	margin-left: 0px;
	width : 961px;
}

#menuhorizontal a
{
	color: #FFFFFF;
	text-decoration: none;
}


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

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

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


#liensmenuhorizontal
{
	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: #ffffff;
	height : 12px;
	font-size : 0.9em;
	color : #606060;
}

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

/**************************
// INC.LEFTBAR
**************************/
#leftbar
{

  left: 10px;
	float: left;
	
	/*position: fixed;*/ 

	width: 162px;

	padding-bottom: 15px;
}


/**************************
// INC.MENU
**************************/
#menu
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.96em;
	float: left;
	
	margin-top: 17px;
	left: 10px;
	top: 120px;
	/*position: fixed; */
	background-color: #535f8f;

	width: 140px;

	padding: 0px;
	padding-left : 15px;
	padding-right: 15px;
	height:370px;
}

#menu h3 /* Tous les titres de menus */
{    
   color: #ffffff;
   font-family: Arial,Helvetica,sans-serif;
   font-size : 1.1em;
   font-weight: bold;
   text-align: left;
   margin-top: 20px;
   margin-bottom: 5px;
}


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

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

#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;

}

#baliseRSS
{
	float:left;
	width: 162px;
	border: 0px solid black;
	text-align: center;
}


/**************************
// INC.ADSENSE
**************************/

#adsensespace
{
  font-family: Arial,Helvetica,sans-serif;
	font-size: 0.8em;
	
	margin-top: 0px;
	left: 10px;

	/* position: fixed; */ 

	border: 0px;
	width: 162px;

	padding-bottom: 15px;
}


#adsense
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.8em;
	
	margin-top: 0px;
	left: 10px;

	/* position: fixed; */ 

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

	padding-bottom: 15px;
}



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

#Bienvenue
{
	border: 1px solid #ff9933;
	/*background-color : #fef9e7;*/
	padding-left : 5px; 
	padding-right : 5px; 
	width : 72%;
	margin-top : 5px;
	margin-bottom : 8px;
}

.sectionALaUne
{
	width : 605px;
	height : 185px;
	/*border: 1px solid #ff9933;*/
	padding : 2px;
	margin-top: 6px; 
	margin-bottom: 7px;
}

.section
{
	width : 605px;
	/*border: 1px solid #ff9933;*/
	padding : 2px;
	margin-top: 6px; 
	margin-bottom: 7px;
}


.titresection
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color : #95222f;
	font-weight : bold;
	text-align:left;
	margin-top: 5px; 
	margin-bottom: 8px;
	padding : 3px;
	background-color:#f6a240;
	/*width : 72%;*/
	height : 18px;
}



.titreSectionTroisTiers
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color : #ee6600;
	font-weight : bold;
	text-align:center;
	margin-top: 2px; 
	margin-bottom: 2px;
	padding : 2px;
	background-color:#ffdd99;
	height : 12px;
}


.sectionTroisTiers
{
	width : 21%;
	float: left;
	border: 1px solid #ff9933;
	padding : 2px;
	margin : 5px;
}



#titreUne
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	color : #95222f;
	text-align:left;
	margin-top: 0px; 
	margin-bottom: 8px;
	padding-top : 1px;
	padding-bottom : 4px;
	padding-left : 8px;
	background-color:#f6a240;
	/*width : 72%;*/
	height : 23px;
}


.cartoucheDroite
{
	border: 1px solid #1a2a68;
	background-color : #c5c8d9;
	padding: 4px;
	margin-left: 8px;
	margin-top: 8px;
	margin-bottom: 20px;
	width : 160px;
	overflow: hidden;
	text-align: center;
	text-align: center;
}

.cartoucheDroite h3
{
	background-color : #2a3972;
	margin: 4px;
	padding: 2px;
	text-align : center;
	color : #ffffff;
	font-size : 1.3em;
}

.cartoucheDroite ul
{
	text-align : left;
}

.cartoucheDroite hr
{
	margin-top : 25px;
	margin-bottom : 25px;
}

.texteCartoucheDroite, .texteCartoucheDroite p.spip 
{
	padding: 2px;
	font-size: 0.95em;
}


#DateCartoucheDroite
{
	color : #339933;
	font-weight : bold;
	font-size : 0.85em;
	text-align : center;
	margin-bottom : 10px;
}

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

#LiensPerm
{
	text-align: left;
	margin-left : 7px;
}


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



/**************************
// 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: 50px;
	padding : 5px;
}

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



/**************************
// ARTICLE
**************************/
h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	text-align:center;
	border-style:none;
	margin-top: 8px; 
	margin-bottom: 35px;
	margin-left: 10px;
	margin-right: 10px;
	color : #4a4a9c;
}


.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
{
	padding: 2px;
	margin-left: 30px;
	margin-bottom: 10px;
	margin-top: 0px;
}


#encart 
{
	float: right;
	width: 200px;
}

.cartouche
{
	border: 1px solid #ff9933;
	margin: 10px;
	margin-top: 20px;
	background-color : #ffcc99;
	padding-bottom: 7px;
}

.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;
}


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



