/*-----------------------------------------------------
	www.pile.face.com
	
------------------------------------------------------*/


/* Main structure ------------------------------------*/
html, body { 
  margin:0;
  padding:0;
  background: #fff; /*#eee;*/
  font:x-small Verdana, Arial, sans-serif;
} 



div.citation_droite{
  text-indent:30px;
  TEXT-ALIGN: justify; color:  black; font-family: Verdana, Arial, sans, sans-serif;
	font-weight: 130%;
	font-size: 12px; line-height: 120%;
}

/* position -------------------------------------- */
#pos {
	display: block;
	margin: 0;
	padding: 0px 0px 0px 30px;
	
	background: transparent;	
	font-size: 14px;
	font-weight: bold;
	color:  black;
	text-decoration: none; 	
}

#pos a, #pos a:active, #pos a:link { 
	color: #666; 
	text-decoration: none; 
}

#pos a:hover {
	color: black;
	text-decoration: none;
}

#pos img{
	 border: 0px;
}
  
#doc img{
	 border: 0px;
}

#document img{
	 border: 0px;
}

/* header -------------------------------------- */
#banner {
	margin:  0;
	padding: 0;
}

#bannerprint { display:none;}

#menuheader { 
    padding: 0px 0px 0px 38px;
	margin: 1px 0 15px 0;
	font-size: 12px;
	color:  #91a899; 
	text-align: center;
}

#menuheader a, #menuheader a:active, #menuheader a:link { 
	color: #a06305; 
	text-decoration: none; 
}

#menuheader a:hover {
	color: red; /*#573502; */
	text-decoration: none;
	/*background: #eee;*/
}

.bgbrest {	
	background: transparent url(../interface/bg_banner2.gif) repeat-x  bottom center;
}

/* banner color */

.palegreen {color: #d4e3d4;}
.darkgreen {color: #91a899;}


/* main: before and after article: sub sub----------------------------- */
#prearticle {
	padding:   8px 30px 8px 10px;
	font-size: 13px;
	line-height: 100%;
}
#prearticle2 {
    marging:0;
	padding:   20px 0px 0px 0px;
	
	font-size: 13px;
	line-height: 100%;
}
#prearticle3 {
    marging:0;
	padding:   20px 0px 0px 0px;
	font:x-small Verdana, Arial, sans-serif;
	font-size: 13px;
	line-height: 130%;
}
#postarticle  {
	padding:   8px 30px 8px 70px;
	font-size: 13px;
	line-height: 100%;
}

#prearticle a, #prearticle a:active, #prearticle a:link, 
#postarticle a, #postarticle a:active, #postarticle a:link{ 
	display: block;	
	padding-left: 20px;
	line-height: 17px;
	background: transparent url(../interface/puce_arrow.gif) no-repeat left center;	
	color: #a06305; 
	text-decoration: none; 
}

#prearticle a:hover , #postarticle a:hover{
	color: #573502; 
	text-decoration: none;
}

#prearticle2 a, #prearticle2 a:active, #prearticle2 a:link, 
#postarticle2 a, #postarticle2 a:active, #postarticle2 a:link{ 
	padding-left: 10px;
	line-height: 17px;
	color: #a06305; 
	text-decoration: none; 
}

#prearticle2 a:hover , #postarticle2 a:hover{
	color: red; 
	text-decoration: none;
}

#prearticle3 a, #prearticle3 a:active, #prearticle3 a:link, 
#postarticle3 a, #postarticle3 a:active, #postarticle3 a:link{ 
	padding-left: 0px;
	line-height: 20px;
	color: #a06305; 
	text-decoration: none; 
}

#prearticle3 a:hover , #postarticle3 a:hover{
	color: red; 
	text-decoration: none;
}

.article3 {
	padding: 3px 68px 3px 38px;
	text-align: justify;
	line-height: 180%; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 130%;
	font-size: 10px;
	color:  black;
}


/* main: article -------------------------------------- */
.article {
	padding: 15px 68px 4px 38px;
	text-align: justify;
	line-height: 200%; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 130%;
	font-size: 12px;
	color:  black;
	background: transparent url(../interface/article_end.gif) no-repeat bottom center;
}

.article3 {
	padding: 3px 68px 3px 38px;
	text-align: justify;
	line-height: 180%; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 130%;
	font-size: 10px;
	color:  black;
	
}
/* modif www.pileface.com original  color:  #624234;  marron #66660C; olive     #A3007E; violet---------- */
.article h1, .article h1 a {
	color:  #A3007E;
	font-size: 18px;
	margin:  15px 0 4px 0;
	padding: 0;
	text-decoration: none;	
}

.article h1 a:hover {
	text-decoration: none;
} 

.article h2, .article h2 a {
	color:  #1B8383;
	font-size: 12px;
	margin:  5px 0 0px 0;
	padding: 0;
	text-decoration: none;	
}

.article h2 a:hover {
	text-decoration: none;
} 

.article h3, .article h3 a {
	color:  #A3007E;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	margin:  15px 0 4px 0;
	padding: 0;
	text-decoration: none;		
}


.article h3 a:hover {
    color: #f30;
	text-decoration: none;
} 
.article a {
	color: black;
	text-decoration: underline;
}

.article a:hover {
	color: #f30;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}


/*  article3 */
.article3, .article3 h1, .article h1 a {
	color:  #A3007E;
	font-size: 18px;
	margin:  0px 0 4px 0;
	padding: 0;
	text-decoration: none;	
}

.article3 h1 a:hover {
	text-decoration: none;
} 

.article3 h2, .article h2 a {
	color:  #A3007E;
	font-size: 16px;
	margin:  20px 0 4px 0;
	padding: 0;
	text-decoration: none;	
}

.article3 h2 a:hover {
	text-decoration: none;
} 

.article3 h3, .article h3 a {
	color:  #A3007E;
	font-size: 14px;
	margin:  10px 0 4px 0;
	padding: 0;
	text-decoration: none;	
}

.article3 h3 a:hover {
	text-decoration: none;
} 
.article3 a:hover {
	color: #f30;
}

.article3 a { 
    color:  #A3007E;
	text-decoration: none;
} 

.article3 TD {
    padding: 3px 10px 3px 10px;
    vertical-align: top;   
    line-height: 190%;
    text-align: justify;
    font-size: 13px;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	color: black;
} 
.article3 TD separcolonne {
    border-right: 1px solid #b8b8b8;
} 
.article4 {
	TEXT-ALIGN: justify; color:  black; font-family: Arial, Verdana, sans, sans-serif;
	font-weight: 150%;
	font-size: 11px; line-height: 150%; BORDER-RIGHT: blank 1px solid; PADDING-RIGHT: 3px; BACKGROUND-POSITION: center bottom; BORDER-TOP: blank 1px solid; DISPLAY: block; PADDING-LEFT: 3px; FLOAT: none; PADDING-BOTTOM: 3px; BEHAVIOR: url("win_width.htc"); BORDER-LEFT: blank 1px solid; WIDTH: 100%; PADDING-TOP: 3px; BORDER-BOTTOM: blank 1px solid; BACKGROUND-COLOR: blank; 	
} 
.article4 a:hover {
	color: #F30;
	font-weight: bold;
	text-decoration: underline;
}

.article4 a {
	color: #003399;
	font-weight: bold;
	text-decoration: underline;
}


.article4 UL {
	margin:  0px 0 0px 0;
}

.article4 LI {
	margin:  10px 0 0px 0;
}	

/*  article avec fond -exemple liens---background: transparent url(../interface/pf_chaine.jpg) no-repeat top left;----------------------------------- */
.articlefond {
	padding: 7px 68px 20px 38px;
	text-align: justify;
	line-height: 170%; 
	font-family: Verdana, Arial, sans, sans-serif;
	font-size: 11px;
	color:  #1C1C1C;

}
.articlefond a {
	color: #990066;
	text-decoration: underline;
}

.articlefond a:hover {
	color: #f30;
	text-decoration: underline;
}
/* Modif. www.pileface.com font-size---------------------------*/
.auteur { 
	font-size: 10px;
	color: #5d5d5d;	
}

a.brown, a.brown:active, a.brown:link { 
	color: #660033;
	text-decoration: none; 	
}

a.brown:hover {
	color: red;
	text-decoration: none;
}

/* result ----------------------------------*/
/*
.result ul {
	margin:  0px;
	padding: 2px;
}

.result li {
	line-height: 120%; 
	list-style-type: none;
	padding:0; 	
	margin: 0;		
}

ul li a.result{  -> BUGGY IN IE 5.00	NO PADDING LEFT
	margin: 0;	
	padding: 0 0 0 20px;	
	background: transparent url(../interface/puce_arrow.gif) no-repeat left top;	
	color: #a06305; 
	text-decoration: none; 
}

ul li .result a:hover{
	color: #573502; 
	text-decoration: none;
}
*/
a.result, a.result:active, a.result:link { 
	display: block;	
	padding-left: 20px;
	line-height: 17px;
	background: transparent url(../interface/puce_min_vert.gif) no-repeat left center;	
	color: #a06305; 
	text-decoration: none; 
}
/* change color: #573502; */  
a.result:hover{
	color: red; 
	text-decoration: none;
}

/* main: article formating -------------------------------------- */  
/* Modif. www.pileface.com ----color: #434B96 bleu écriture; Ajout .nom_rubrique couleur moutarde-#B6B60E----------------------*/

.chemin  { 
	color: #333333; 
	font-size: 2;
	font-weight: normal;
}
.chemin a:hover {
	color: #f30;
}

.chemin a {
	color: black;
}
.nom_rubrique  { 
	color: #666666; 
	font-size: 2;
	font-weight: normal;
}
.nom_mot  { 
	color: #666666; 
	font-size: 2;
	font-weight: normal;
}

.surtitre  { 
    font-size: 18px;
	color: black; 
	font-weight: normal;
}

.soustitre { 
	margin-top: 10px;
	font-style: italic;
}
.chapo     {
	padding:   8px 0px 8px 60px;
	font-size: 13px;
	color: #666666;
	font-weight: bold;
	font-family: Verdana, Arial, sans, sans-serif;
	line-height: 180%; 
}


.texte {}	

.texte2 {
	TEXT-ALIGN: justify; color:  black; font-family: Verdana, Arial, sans, sans-serif;
	font-weight: 130%;	
	/* background-color: #fbf2f6; --*/
	background-color: #FFFFFF;
	/* Modif. font-size: 12px; line-height: 180%; BORDER-RIGHT: #c0cad4 1px solid; PADDING-RIGHT: 3px;--*/
	font-size: 12px; line-height: 180%; PADDING: 3px;
	/* Modif. BACKGROUND-POSITION: center bottom; DISPLAY: block; FLOAT: none; WIDTH: 100%; BACKGROUND-COLOR: white;
--*/
	}  
.texte_article {
	TEXT-ALIGN: justify; color:  black; font-family: Verdana, Arial, sans, sans-serif;
	font-weight: 130%;
	background-color: #EAEAFF;
	font-size: 12px; line-height: 150%;  DISPLAY: block; PADDING-LEFT: 0px; PADDING-RIGHT: 5px; FLOAT: none; PADDING-BOTTOM: 3px; BEHAVIOR: url("win_width.htc");  WIDTH: 100%; PADDING-TOP: 3px;  BACKGROUND-COLOR: white;
}
.texte_citation {
	TEXT-ALIGN: justify; color:  black; font-family: Verdana, Arial, sans, sans-serif;
	font-weight: 130%;
	font-size: 12px; line-height: 120%; BORDER-RIGHT: #c0cad4 1px solid; PADDING-RIGHT: 3px; BACKGROUND-POSITION: center bottom; BORDER-TOP: #c0cad4 1px solid; DISPLAY: block; PADDING-LEFT: 3px; FLOAT: none; PADDING-BOTTOM: 3px; BEHAVIOR: url("win_width.htc"); BORDER-LEFT: #c0cad4 1px solid; WIDTH: 100%; PADDING-TOP: 3px; BORDER-BOTTOM: #c0cad4 1px solid; BACKGROUND-COLOR: F3F5E3; 	
}  
.texte_citation2 {
	TEXT-ALIGN: justify; color:  black; font-family: Verdana, Arial, sans, sans-serif;
	font-weight: 130%;
	font-size: 12px; line-height: 120%; BORDER-RIGHT: #c0cad4 1px solid; PADDING-RIGHT: 20px; BACKGROUND-POSITION: center bottom; BORDER-TOP: #c0cad4 1px solid; DISPLAY: block; PADDING-LEFT: 20px; FLOAT: none; PADDING-BOTTOM: 3px; BEHAVIOR: url("win_width.htc"); BORDER-LEFT: #c0cad4 1px solid; WIDTH: 100%; PADDING-TOP: 3px; BORDER-BOTTOM: #c0cad4 1px solid; BACKGROUND-COLOR: FEF8F1; 	
}  
.texte_citation3 {
	TEXT-ALIGN: justify; color:  black; font-family: Verdana, Arial, sans, sans-serif;
	font-weight: 130%;
	font-size: 12px; line-height: 120%; BORDER-RIGHT: blank 1px solid; PADDING-RIGHT: 3px; BACKGROUND-POSITION: center bottom; BORDER-TOP: blank 1px solid; DISPLAY: block; PADDING-LEFT: 3px; FLOAT: none; PADDING-BOTTOM: 3px; BEHAVIOR: url("win_width.htc"); BORDER-LEFT: blank 1px solid; WIDTH: 100%; PADDING-TOP: 3px; BORDER-BOTTOM: blank 1px solid; BACKGROUND-COLOR: blank; 	
}  
.texte_encadre {
	TEXT-ALIGN: justify; color:  black; font-family: Verdana, Arial, sans, sans-serif;
	font-weight: 130%;
	font-size: 12px; line-height: 120%; BORDER-RIGHT: #c0cad4 1px solid; PADDING-RIGHT: 3px; BACKGROUND-POSITION: center bottom; BORDER-TOP: #c0cad4 1px solid; DISPLAY: block; PADDING-LEFT: 3px; FLOAT: none; PADDING-BOTTOM: 3px; BEHAVIOR: url("win_width.htc"); BORDER-LEFT: #c0cad4 1px solid; WIDTH: 100%; PADDING-TOP: 3px; BORDER-BOTTOM: #c0cad4 1px solid; BACKGROUND-COLOR: blank; 	
}
.texte_encadre2 {
	TEXT-ALIGN: justify; color:  black; font-family: Verdana, Arial, sans, sans-serif;
	font-weight: 130%;
	font-size: 12px; line-height: 150%; BORDER-RIGHT: #eeeeee 1px solid; PADDING-RIGHT: 20px; BACKGROUND-POSITION: center bottom; BORDER-TOP: #eeeeee 1px solid; DISPLAY: block; PADDING-LEFT: 20px; FLOAT: none; PADDING-BOTTOM: 10px; BEHAVIOR: url("win_width.htc"); BORDER-LEFT: #eeeeee  1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #eeeeee 1px solid; BACKGROUND-COLOR: #eeeeee; 	
}
.fond_bleute {
	BORDER-RIGHT: #fbf2f6 1px solid; PADDING-RIGHT: 0px; BACKGROUND-POSITION: center bottom; BORDER-TOP: #fbf2f6  1px solid;  PADDING-LEFT: 0px; FLOAT: none; PADDING-BOTTOM: 0px;  BORDER-LEFT: #fbf2f6  1px solid; WIDTH: 100%; PADDING-TOP: 0px; BORDER-BOTTOM: #fbf2f6  1px solid; BACKGROUND-COLOR: #eeeeee; 	
}
.fond_rose {
	BORDER-RIGHT: #fbf2f6 1px solid; PADDING-RIGHT: 0px; BACKGROUND-POSITION: center bottom; BORDER-TOP: #fbf2f6  1px solid;  PADDING-LEFT: 0px; FLOAT: none; PADDING-BOTTOM: 0px;  BORDER-LEFT: #fbf2f6  1px solid; WIDTH: 100%; PADDING-TOP: 0px; BORDER-BOTTOM: #fbf2f6  1px solid; BACKGROUND-COLOR: #eeeeee; 	
}
.encart_haut {
	BACKGROUND-IMAGE: url(../IMG/gif/encart_haut.gif); 
	BACKGROUND-POSITION: center bottom;	
}

.encart_bas {
	BACKGROUND-IMAGE: url(../IMG/gif/encart_bas.gif);
	BACKGROUND-POSITION: center top; 	
}

.encart_milieu {
    BACKGROUND-IMAGE: url(../IMG/gif/encart_milieu.gif);
	TEXT-ALIGN: justify; color:  black; font-family: Verdana, Arial, sans, sans-serif;
	font-size:7pt; font-weight:500; line-height: 120%;
	PADDING-RIGHT: 10px; BACKGROUND-POSITION: center bottom; DISPLAY: block; PADDING-LEFT: 10px; FLOAT: none; PADDING-BOTTOM: 5px;  PADDING-TOP: 5px; 
}

.texte_coteface {
	TEXT-ALIGN: justify; color:  black; font-family: Verdana, Arial, sans, sans-serif;
	font-weight: 130%;
	font-size: 12px; line-height: 120%; BORDER-RIGHT: blank 1px solid; PADDING-RIGHT: 3px; BACKGROUND-POSITION: center bottom; BORDER-TOP: blank 1px solid; DISPLAY: block; PADDING-LEFT: 3px; FLOAT: none; PADDING-BOTTOM: 3px; BEHAVIOR: url("win_width.htc"); BORDER-LEFT: blank 1px solid; WIDTH: 100%; PADDING-TOP: 3px; BORDER-BOTTOM: blank 1px solid; BACKGROUND-COLOR: FEF8F1; 	
}  
.texte3 { 
   	TEXT-ALIGN: justify; color:  black; font-family:  Verdana, Arial, Helvetica, sans, sans-serif;
	font-weight: 130%;
	font-size: 11px; line-height: 120%; 
}  
.legende { 
   	TEXT-ALIGN: justify; color:  #4B4B4B; font-family:  Verdana, Arial, Helvetica, sans, sans-serif;
	font-weight: 130%; 
	font-size: 11px; line-height: 120%; 
}  


table.spip {
     padding: 0;
     border-spacing: 0;
    TEXT-ALIGN: justify; color:  black; font-family: Verdana, Arial, sans, sans-serif;
	font-weight: 130%;
	background-color: #EAEAFF;
	font-size: 12px; line-height: 150%;  DISPLAY: block; PADDING-LEFT: 0px; PADDING-RIGHT: 5px; FLOAT: none; PADDING-BOTTOM: 3px; BEHAVIOR: url("win_width.htc");  WIDTH: 100%; PADDING-TOP: 3px;  BACKGROUND-COLOR: white;

}

table.spip tr.row_first{ /* premi\FFFDre ligne d'un tableau g\FFFDn\FFFDr\FFFD par  
SPIP */
     background: #4253A5;
     color: #fff;
     font-weight: bold;
}

table.spip tr.row_odd { /* pour l'alternance des couleurs des lignes  
d'un tableau SPIP */
padding: 5px;
     background: #eee;
}

table.spip tr.row_even {
     padding: 5px;
     background: transparent;
}

table.spip tr.row_odd td {
     padding: 5px;
     border-color: #eee;
}

table.spip td {
     padding: 7px;
     text-align: left;
     vertical-align: middle;
}
   
/* result ----------------------------------*/
/*
.result ul {
	margin:  0px;
	padding: 2px;
}

.result li {
	line-height: 120%; 
	list-style-type: none;
	padding:0; 	
	margin: 0;		
}

ul li a.result{  -> BUGGY IN IE 5.00	NO PADDING LEFT
	margin: 0;	
	padding: 0 0 0 20px;	
	background: transparent url(../interface/puce_arrow.gif) no-repeat left top;	
	color: #a06305; 
	text-decoration: none; 
}

ul li .result a:hover{
	color: #573502; 
	text-decoration: none;
}
*/
a.result, a.result:active, a.result:link { 
	display: block;	
	padding-left: 20px;
	line-height: 17px;
	background: transparent url(../interface/puce_arrow.gif) no-repeat left center;	
	color: #a06305; 
	text-decoration: none; 
}

a.result:hover{
	color: #573502; 
	text-decoration: none;
}

/* main: article  formating  ajout www.pileface.com-------------------------------------- */  
/* Modif. www.pileface.com ----color: #434B96; Ajout .nom_rubrique couleur moutarde-----------------------*/
.nom_rubrique  { 
	color: #B6B60E; 
	font-size: 11px;
	font-weight: bold;
}

.surtitre  { 
	color: #434B96; 
	font-weight: bold;
}

.soustitre { 
	margin-top: 10px;
	font-style: italic;
}
.chapo     {
	padding:   8px 30px 8px 60px;
	font-size: 13px;
	line-height: 200%; 
}

.texte {}

/* Post Scriptum - Note fin article ****************************/
.ps {
	border-top: 1px dashed #feafe4;
	margin-top: 5px;
	font-size: 12px;
}

.fond_color {
    font-family: Arial, Sans, Sans-serif;
	font-size: 13px;
    background-color: #fbf2f6;
    padding: 0.5em;
    border: none;
    width: 100%;
  }
/*  Note fin article ***************************/*
  .notes {	 
  	padding: 0px 0px 0px 0px;
	line-height: 130%; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 250%;
	font-size: 11px;
	color: #4B4B4B;
	/*background: transparent url(../interface/article_end.gif) no-repeat bottom center; */
}
  
p.notes	 {
margin:  0px 0 0px 0;
padding: 0;
font-size: 11px;
}

/* main: menu right -------------------------------------- */
.menurightborder{
	border-left: 1px solid #fbf2f6;
}
/* modif www.pileface.com original  margin: 30px 0 0 0---------- */
#menuright {
	margin: 0px 0 0 0;
	padding: 2px 2px;
	
	text-align: left;
	line-height: 130%; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:  black;	
}
#menuright img{
	 margin-top: 10px;
	 border: 0px;		
}



h3.audiovideo,  h3.actu, h3.agenda, h3.web, h3.breve, h3.news, h3.dernieres_entrees, h3.derniers_articles,
h3.lien, h3.rubrique, h3.toutes_rubriques, h3.autres_rubriques, h3.dico, h3.index, h3.recherche, h3.partenaires, h3.mots_clefs, h3.groupes_mots_clefs {
	margin: 15px 0 0 0;
	min-width: 150px; 
	height: 36px;
	border-bottom:1px solid #ddd;			
}


h3.audiovideo span, h3.actu  span, h3.agenda  span, h3.web  span, h3.breve  span, h3.news  span, h3.dernieres_entrees span, h3.derniers_articles  span ,
h3.lien  span, h3.rubrique  span, h3.toutes_rubriques span, h3.autres_rubriques span, h3.dico span, h3.index span, h3.recherche span, h3.partenaires span, h3.mots_clefs span, h3.groupes_mots_clefs span{
	display:none
}

h3.audiovideo { background: transparent url(../interface/icon_audiovideo.gif) no-repeat bottom left; }
h3.actu { background: transparent url(../interface/icon_actu.gif) no-repeat bottom left; }
h3.web  { background: transparent url(../interface/icon_web.gif) no-repeat bottom left; }
h3.breve { background: transparent url(../interface/icon_breve.gif) no-repeat bottom left; }
h3.news { background: transparent url(../interface/icon_news.gif) no-repeat bottom left; }
h3.dernieres_entrees { background: transparent url(../interface/icon_dernieres_entrees.gif) no-repeat bottom left; }
h3.derniers_articles   { background: transparent url(../interface/icon_derniers_articles.gif) no-repeat bottom left; }
h3.lien { background: transparent url(../interface/icon_lien.gif) no-repeat bottom left; }
h3.agenda     { background: transparent url(../interface/icon_agenda.gif) no-repeat bottom left; }
h3.rubrique   { background: transparent url(../interface/icon_rubrique.gif) no-repeat bottom left; }
h3.toutes_rubriques   { background: transparent url(../interface/icon_toutes_rubriques.gif) no-repeat bottom left; }
h3.autres_rubriques   { background: transparent url(../interface/icon_autres_rubriques.gif) no-repeat bottom left; }
h3.dico   { background: transparent url(../interface/icon_dico2.gif) no-repeat bottom left; }
h3.index   { background: transparent url(../interface/icon_index.gif) no-repeat bottom left;}
h3.recherche  { background: transparent url(../interface/icon_recherche.gif) no-repeat bottom left; }
h3.partenaires  { background: transparent url(../interface/icon_partenaires.gif) no-repeat bottom left; }
h3.mots_clefs   { background: transparent url(../interface/icon_mots_cles.gif) no-repeat bottom left; }
h3.groupes_mots_clefs  { background: transparent url(../interface/icon_groupes_mots_cles.png) no-repeat bottom left; }
h3.separateur { background: transparent url(../IMG/gif/spacer.gif) no-repeat bottom left; }
h3.ligne { background: transparent url(../IMG/gif/ligne_gris.gif) no-repeat bottom left; }


#menuright a {
	color: black;
	text-decoration: none;
}

#menuright a:hover {
	color: #f30;
	text-decoration: none;
}

#menuright a.brown, #menuright a.brown:hover{
	color: #f60;
	display:block;
	padding: 5px 0;
}

.gray { color: #777; }	

/* header -------------------------------------- */
#header {
    margin: 5px 0 0 0;
	padding: 0 0 0 0;
	font-size: 11px;
	color:  #5c5c5c;
	border-top: 1px solid #ddd;
	text-align: center;	
	font-family: Arial, Helvetica, sans-serif;
}



/* footer -------------------------------------- */
#footer {
    margin: 5px 0 0 0;
	padding: 0 0 0 0;  
	font-size: 11px;
	color:  #5c5c5c;
	border-top: 1px solid #ddd;
	text-align: center;	
	font-family: Arial, Helvetica, sans-serif;
}


#footer a, #footer a:active, #footer a:link { 
	color: #5c5c5c; 
	text-decoration: none; 
}

#footer a:hover {
	color: red;
	text-decoration: none;
}

#footerprint {
	display: none;	
}


/* form elements -------------------------------------- */
form {
	margin: 0;
	padding: 2px 0;
}

input, textarea, select {
	border: 1px solid #ccc;
	margin: 1px;
	padding: 0;
	font-size: 11px;	
}

input.buttonwhite {
	border: 1px solid #FFF;
}

.radiobut {
	border: 0px solid white;
}

/* forum elements ----.forum--margin: 20px 10px 0 0;-------------------------------- */
#forumreply{
	margin:  0;
	padding: 0;
}
#forum {
	border: 1px solid #ccc;
	font-size: 12px;	
}

.forum {
	border: 1px solid #ccc;
	font-size: 12px;	
}

#forumtitle {
	display: block;	
	background: #eee;
	padding: 4px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
.forumtitle {
	display: block;	
	background: #eee;
	padding: 4px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

#forummeta { 
	color: #666;
	padding-left: 20px;
}

.forummeta { 
	color: #666;
	padding-left: 20px;
}

#forumbody { 
	color: black;
	padding: 4px;
}
.forumbody { 
	color: black;
	padding: 4px;
}

#forumps  {
	border-top: 1px solid #ccc;
	padding: 4px;	
}
.forumps  {
	border-top: 1px solid #ccc;
	padding: 4px;	
}


/* plan site -------------------------------------------- */ 


/* modif www.pileface.com.  original h1 a.plan { color:  #624234;}  remplacé par olive
h3.recherche {
	margin: 15px 0 0 0;
	min-width: 150px; 
	height: 36px;
	border-bottom:1px solid #ddd;			
} 

----------------- */
h1{
    font-family: Arial, Helvetica,sans-serif;
	color:  #666600;
	margin: 15px 0 0 38;
	min-width: 150px; 
	height: 15px;
	border-bottom:1px solid #ddd;
	text-decoration: none;			
} 

h1.plan{
    font-family: Arial, Helvetica, sans-serif;
	color:  #666600;
	margin: 15px 0 0 38;
	min-width: 150px; 
	height: 14px;
	background: transparent url(../interface/puce_arrow.gif) no-repeat bottom left;
	border-bottom:1px solid #ddd;
	text-decoration: none;			
} 

h1 a.plan { 
color:  #666600;
font-size: 14px;
background: transparent url(../interface/puce_arrow.big) no-repeat bottom left;
border-bottom:1px solid #ddd;
text-decoration: none;	
}

h1 a.plan:hover {
	color: red;
	border-bottom:1px solid #ddd;	  	
}

.plan ul {
    font-size: 12px;	
	margin: 2px 0 0 38px;
	padding: 2px;	
}

.plan li { 
    font-size: 11px;
	margin: 0px 0 0 20px;		
	line-height: 100%; 
	list-style-type: none;
	padding: 2px; 	
	margin: 0;		
}


ul li a.plan,  {
	text-decoration: none; 
	padding-left: 20px;
	background: transparent url(../interface/puce_min.gif) no-repeat 0px 7px; /* IE5 BUGGY*/
	/*list-style-image: url(../interface/puce_min.gif); /* alternate ? */	
}
ul li a.plan:hover{
	color: red; 
}
/* modif www.pileface.com.  original  color: #a06305;  remplacé par olive----------------- */
ul li a.planrubrique{ 
	display: block;
	margin: 0px 0 0 38px;	
	padding: 0px 0 0 20px;	
	background: transparent url(../interface/puce_arrow.gif) no-repeat left center;
	color: #666600; 
	text-decoration: none; 
}

ul li a.planrubrique:hover{
/* modif www.pileface.com.  original  color: #573502----------------- */
	color: red; 
	text-decoration: none;
}
/* agenda extra  -------------------------------------- */
td.agenda {	
	border: 1px solid #ccc;
	padding: 0;	
}

/* logo extra  -------------------------------------- */
logo {
	margin-left: 30px;
	border: 0;
}

a.logo {
	border: 0;
}

/* lettre extra  -------------------------------------- */
.orange
{
	color: #F66013;
}	
.blue
{
	color: #2C439C;
}	
.green {
	color: #339933;
}
.green_breve {
	color: #339999;
}
.red {
	color: #FF3300;
}	
.orange
{
	color: #FF6600;
}	
.pink
{
	color: #990066;
}	
.bleusollers
{
	color: #3B4386;
}	
.grislegende
{
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 250%;
	color: #4B4B4B;
}	
.surligne
{
	background-color: #FFFF66;
}
	



.article2 {
	padding: 0px 38px 0px 38px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 130%;
	font-size: 13px;
	font-weight: normal;
	color:  black;
}
.breve2 {
	padding: 0px 38px 0px 38px;
	text-align: left;
	line-height: 110%; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #339999;
}
/* modif www.pileface.com original  color:  #624234;  marron      #66660C; olive     #A3007E; violet---------- */ 
.article2 h1, .article h1 a .article2 h1 a{
	color:  #990066;
	font-size: 16px;
	font-weight: normal;
	margin:  5px 0 4px 0;
	padding: 0;
	text-decoration: none;			
} 
.article2 h2, .article2 h2 a {
	color:  #990066;
	font-size: 14px;
	font-weight: normal;
	margin:  5px 0 4px 0;
	padding: 0;
	text-decoration: none;			
}
.breve2 h1, .breve2 h1 a {
	color:  #339999;
	font-size: 16px;
	font-weight: normal;
	margin:  5px 0 4px 0;
	padding: 0;
	text-decoration: none;			
}
.breve2 h2, .breve2 h2 a {
	color:  #339999;
	font-size: 15px;
	font-weight: normal;
	margin:  5px 0 4px 0;
	padding: 0;
	text-decoration: none;			
}
.article2 h1 a, .article2 h2 a:hover {
    color: red;
	text-decoration: none;
} 
.breve2 h1 a, .breve2 h2 a:hover {
    color: red;
	text-decoration: none;
}
.article2 a {
	color: #990066;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 130%;
	text-decoration: none;
	border-bottom:1px solid #ddd;	
}
.breve2 a {
	color: #339999;
	text-decoration: none;
	border-bottom:1px solid #ddd;	
}
.article2 a:hover {
    color: red;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: 130%;
	text-decoration: none;
} 
.breve2 a:hover {
    color: red;
	text-decoration: none;
}
.surligne{	
	BACKGROUND-COLOR: #ff6600;
}


/* spip main class -------------------------------------- */
b.spip  {font-weight: bold;}
p.spip  {padding-left: 3px;}
hr, hr.spip {
	display:block;
	height: 0;	
	color: white;
	border-style:solid;
	border-color: #ccc;
	border-width:0px 0px 1px 0px; 
}

.spip_encadrer {	
	margin: 10px 30px 0 30px;
	border: 1px solid #ccc;
	width: 100%;
	font-size: 12px;
	padding: 0;
	border-top: 1px solid white;		
}

.spip_encadrer b{	
	display: block;	
	background: #eee;
	padding: 4px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;		
}

/* table *************************************/
table.fun {
	border: 1px dotted #777;
}
table.text {
	border-collapse: collapse;
	border: 0;
	font-size: 10px;	
}

table.result,  table.resultgray {
	border-collapse: collapse;
	border: 0;
	font-size: 11px;	
}

table.resultgray  {
	border: 1px solid #aaa;
}

table.result td, table.resultgray  td{
	border: 0;
	color: #333;
	padding: 2px 6px;
}

table.resultgray td{
    border: 1px solid #ccc;
}

.td {
	padding: 12px 12px 12px 12px;
	text-align: justify;
	line-height: 180%; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 130%;
	font-size: 12px;
	color:  black;
}

/* corps article *************************/
formo {
	BORDER-RIGHT: #c0cad4 1px solid; PADDING-RIGHT: 3px; BACKGROUND-POSITION: center bottom; BORDER-TOP: #c0cad4 1px solid; DISPLAY: block; PADDING-LEFT: 3px; FLOAT: none; PADDING-BOTTOM: 3px; BEHAVIOR: url("win_width.htc"); BORDER-LEFT: #c0cad4 1px solid; WIDTH: 100%; PADDING-TOP: 3px; BORDER-BOTTOM: #c0cad4 1px solid; BACKGROUND-COLOR: white
}
/* lettrine *************************/
.lettrine	{
	color: #ccc4c7;
	float: left;
	font-style: italic;
	font-weight: bold;
	/*font-size: 32px;*/
	font-size: 60px;
	line-height: 60px;
	font-family: georgia;
	margin-right: 5px;
	}	  

/* bordure grise cadre vignette *************************/
.galerie { border-width : 1px; border-style : solid; border-color : #aaaaaa; }

div.image-left {
 	float: left;
 }

div.image-left p {
 	text-align: center;	
	font-family: Verdana, Arial, sans, sans-serif; 
	font-size: 11px;
	color: #4B4B4B;
  }
div.image-right {
 	float: right;
 }

div.image-right p {
 	text-align: center;	
	font-family: Verdana, Arial, sans, sans-serif; 
	font-size: 11px;
	color: #4B4B4B;
  }
div.float {
 	float: left;
 }

div.float p {
 	text-align: center;	
	font-family: Verdana, Arial, sans, sans-serif; 
	font-size: 11px;
	color: #4B4B4B;
  }	 
  
div.encart-wide {
 	float: left;
 }

div.encart-wide p {
 	text-align: justify;	
	font-family: Verdana, Arial, sans, sans-serif; 
	font-size: 11px;
	color: #4B4B4B;	
	margin:  0px 12px 0px 12px;
	padding: 12;
	width: 560px;  
	background-color: #EAEAFF;
  }
div.retrait {
 	font-family: Verdana, Arial, sans, sans-serif; 
	font-size: 11px;
	color: #4B4B4B;	
	margin:  0px 12px 0px 12px;
	padding: 12;
	width: 560px;  
  }  
retrait {
 	text-align: justify;	
	font-family: Verdana, Arial, sans, sans-serif; 
	font-size: 11px;
	color: #4B4B4B;	
	margin:  0px 12px 0px 12px;
	padding: 12;
	width: 560px;  
	background-color: #EAEAFF;
  }  
div.encart-right {
 	float: right;
 }

div.encart-right p {
    float: right;
 	text-align: justify;	
	font-family: Verdana, Arial, sans, sans-serif; 
	font-size: 11px;
	color: #4B4B4B;	
	margin:  0px 12px 0px 12px;
	padding: 12; 
	width: 260px; 
	background-color: #EAEAFF;
  }
  
  #encart p {
    float: right;
 	text-align: justify;	
	font-family: Verdana, Arial, sans, sans-serif; 
	font-size: 11px;
	color: #4B4B4B;	
	margin:  0px 12px 0px 12px;
	padding: 12; 
	width: 260px; 
	background-color: #EAEAFF;
  }

.img-offset {
    border : 0 px;
 	margin-left :  12px ;
 	margin-right :  12px ;
 }
 
 .spip_documents{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	border : 0 px;
	font-size : 70%;
	margin-left : 0px;
	margin-right : 24px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size : 10px;
    font-weight: bold;
    color: #4B4B4B;
}

.grandcar
{
font-size:400%;
}

#pageContent {
border: 0px;
height: 100%;
width: 100%;
}

#bodyContent {
background: #FFFFFF;
}

#bodyContentHolder { /* this is the magic scrolling div on normal pages */
height: 99%;
overflow: auto;
/* padding: 20px 40px 40px 40px; */
text-align: center; /* centers narrower pages within the container */
width: 100%;
}

/*For Win IE 5.5+, make the scrollbar on the content area match the wrapper green.
Goofy, but it helps make the top unit look like a, um, unit distinct from clipboard unit. */
#pageContent, #bodyContentHolder {
scrollbar-3dlight-color: #F7FFD7;
scrollbar-arrow-color: #437010;
scrollbar-base-color: #ABDD6E;
scrollbar-darkshadow-color: #437010;
scrollbar-face-color: #ABDD6E;
scrollbar-highlight-color: #F7FFD7;
scrollbar-shadow-color: #437010;
}

/*Sample CSS used for the Virtual Pagination Demos. Modify/ remove as desired*/

.paginationstyle{ /*Style for demo pagination divs*/
width: 560px;
height: 100%;
text-align: left;
padding: 2px 2px 0px 5px;
margin: 5px 2px 0px 5px;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 5px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;
text-decoration: none;
border: 1px solid black;
color: navy;
background-color: white;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background-color: #FEE496;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
background-color: yellow;
}

#contentBlocFloat{
border-top: 1px #9eaec7 solid;
border-left : 1px #9eaec7 solid;
border-right : 1px #9eaec7 solid;
border-bottom : 1px #6380aa solid;
margin-left : 5px;
padding : 4px 5px 4px 5px;
background-color : #C6DBFC;
margin-top : 17px;
_margin-top : 24px;
float :right;
width : 250px;
}

.titreMedia{
font-weight:700;font-size:12px;
}


img {
 	margin-left :  6px ;
 	margin-right :  6px ;
  }
.image-left{float: left; vertical-align: text-top;} 
.image-right{float: right; vertical-align: text-top;} 
img .image-left{float: left; vertical-align: text-top; margin-right :  12px ;} 
img .image-right{float: left; vertical-align: text-top; margin-left :  12px ;}  

quote{
  text-indent:30px;
  TEXT-ALIGN: justify; font-family: Verdana, Arial, sans, sans-serif;
	font-weight: 130%;
	font-size: 12px; line-height: 120%; BORDER-RIGHT: #FFFFFF 0px solid; PADDING-RIGHT: 3px; BACKGROUND-POSITION: center bottom; BORDER-TOP: #FFFFFF  0px solid;  PADDING-LEFT: 3px; FLOAT: none; PADDING-BOTTOM: 3px; BEHAVIOR: url("win_width.htc"); BORDER-LEFT: #FFFFFF 0px solid; WIDTH: 100%; PADDING-TOP: 3px; BORDER-BOTTOM: #FFFFFF 0px solid;  	
}

/* Titre SPIP ------------------------------------*/
h3.spip {
	font-family: Futura Lt,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 24px;
	text-align: left;
	margin-top : 40px;
	line-height: 30px;
	margin-bottom : 40px;
	padding: 0em;
	border-bottom:1px solid #ddd;
}

#sommaire {
text-align: right;
margin:10px ;
width:auto ;
border:1px solid #ccc;
background:#f2f2f2;
padding:15px;
}

div#blocright {
    float:right; 
    margin:12px ;
    padding-right:12px;
    padding-left:12px;
    padding-bottom:12px;
    text-align: left;
    color: #4b4b4b;
    line-height: 150%;
    border-top:1px solid #eda8c4;
	border-right:1px solid #eda8c4;
	border-bottom:1px solid #eda8c4;
	border-left:8px solid #eda8c4;
	background-color:#efefef;
	}

#voir_aussi {
    width: 170px;
    float:right; 
    margin:5px ;
    padding-right:5px;
    padding-left:5px;
    padding-bottom:5px;
    text-align: left;
    color: #4b4b4b;
    line-height: 110%;
    border-top:3px solid #c01717;
	border-right:0px solid #c01717;
	border-bottom:1px dashed #4b4b4b;
	border-left:0px solid #c01717;
	background-color:ffffff;
	font:normal 10px Arial, sans-serif, Verdana;
	}

#voir_aussi ul {
	clear:both;
	margin:0 0 0 0;
	padding:0 0 0 12px;
}
#voir_aussi li  {
	font:normal 10px Arial, Helvetica, sans-serif;
	margin:3px 0 3px 0;
	padding:0 0 0 0;
	background:url(http://www.pileface.com/sollers/IMG/gif/picto_fleche_rouge_mini.gif) no-repeat;
}

#voir_aussi li a {
text-decoration:none;
}

#voir_aussi li a:hover  {
color:red;
}
#voir_aussi  h3  {
	width: 170px;
	font:normal 10px "Arial Black", Arial, sans-serif, Verdana;
	color:#c01717;
	text-transform:uppercase;
	border-top:3px solid #c01717;
	padding:3px 0 0 0;
}

	
div#blocleft {
    float:left; 
    margin:12px ;
    padding-right:12px;
    padding-left:12px;
    padding-bottom:12px;
    text-align: left;
    color: #4b4b4b;
    line-height: 150%;
    border-top:1px solid #eda8c4;
	border-right:1px solid #eda8c4;
	border-bottom:1px solid #eda8c4;
	border-left:8px solid #eda8c4;
	background-color:#efefef;
	}	
div#bloccenter {
    float:center; 
    margin:12px ;
    padding-right:12px;
    padding-left:12px;
    padding-bottom:12px;
    text-align: left;
    color: #4b4b4b;
    line-height: 150%;
    }	

div#citation {
    margin-left:50px;
    padding:12px;
    font-size: 90%;
    }

.spip_logos {
	border:1px solid #ccc;
}
 a.bulle {
     position: relative; 
     color: rgb(255, 51, 255); 
     font-weight: normal; 
     font-style: normal; 
     text-decoration: underline; 
 } 
 
 a.bulle:hover {
     background-color: rgb(0, 255, 255); 
     font-style: italic; 
 } 
 
 a.bulle span {
     display: none; 
 } 
 
 a.bulle:hover span  {
     border-style: solid dashed dashed; 
     border-color: rgb(174, 0, 0); 
     border-width: 4px 1px 1px; 
     padding: 13px; 
     display: inline; 
     font-size: 10px; 
     font-weight: normal; 
     text-decoration: none; 
     width: 300px; 
     height: 300px; 
     top: 2px; 
     left: 50px; 
     background-color: rgb(255, 235, 215); 
     position: absolute; 
 } 
 
 .bordeaux {
     color: #A02020; 
 } 
.vert_breve {
     color: #339999;
 }
.turquoise {
     color: #01B4D2;
 }
 
.breve_note {
	color:  #339999;
	font-size: 12px;
	margin:  5px 0 0px 0;
	padding: 0;
	text-decoration: none;	
}


.breve_note a {
	color:  #339999;
	font-size: 12px;
	margin:  5px 0 0px 0;
	padding: 0;
	text-decoration: none;	
}

.breve_note a:hover 
{
    color:  red;
	text-decoration: none;
}