/*-----------------------------------------------------
	www.pileface.com
	
------------------------------------------------------*/

.ChampSpecial { 
display: none;  /* pour test anti-robot spam */
}

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

/* BOX (MOT_DICO) dérivé de ARTICLE avec padding 0 -------------------------------------- */

.box {
	padding: 0px 0px 0px 0px;
	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;
}

/* modif www.pileface.com original  color:  #624234;  marron #66660C; olive     #A3007E; violet---------- */

.box h1, .box h1 a {
	color:  #A3007E;
	font-size: 18px;
	margin:  15px 0 4px 0;
	padding: 0;
	text-decoration: none;	
}

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

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

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

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


.box h3 a:hover {
    color: #f30;
	text-decoration: underline;
} 
.box a a:link a:active a:visited{
	color: black;
	text-decoration: underline;
}

.box a:hover {
	color: #f30;
	text-decoration: underline;
}

/* BIBLIO -------------------------------------- */

#biblio {
	display: block;
	margin: 0;
	padding: 0px 0px 0px 0px;
	text-align: left;
	line-height: 200%; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 130%;
	font-size: 12px;
	color:  black;
	background: transparent;	
	text-decoration: none; 	
}


#biblio a, #biblio a:active, #biblio a:link { 
	color: #2C439C; /* violet #A3007E; bleu #2C439C;*/
	font-weight: bold;
	text-decoration: none; 
}

#biblio a:hover {
	color: red;
	font-weight: bold;
	text-decoration: underline;
}

#biblio img{
	 border: 0px;
}

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

/* NEW SOMMAIRE -------------------------------------- */

#sommaire {
	display: block;
	margin: 0;
	padding: 0px 0px 0px 0px;
	text-align: left;
	line-height: 200%; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 130%;
	font-size: 13px;
	color:  black;
	background: transparent;	
	text-decoration: none; 	
}

#sommaire a, #sommaire a:active, #sommaire a:link { 
	color: #A3007E; /* violet #A3007E; bleu #2C439C;   anthracite = 2D2B2B */
	text-decoration: none; 
}

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

#sommaire img{
	 border: 0px;
}

/*-------------------------------------- */


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

#link_violet  a, #link_violet  a:active, #link_violet  a:link{
	color: #A3007E;
	text-decoration: none;
}
#link_violet a:hover{
	color: red; 
	text-decoration: none;
}
#link_vert  a, #link_vert  a:active, #link_vert  a:link{
	color: #339999;
	text-decoration: none;
}
#link_vert 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;
}
.article_new {
	padding: 15px 0px 4px 0px;
	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;
	
}

/* TITRE ARTICLE original  color:  #624234;  marron #66660C; olive     #A3007E; violet---------- */
.article h1, .article h1 a {
	color:  #A3007E;
	font-size: 18px;
	margin:  30px 0 40px 0; /* 15px 0... */
	padding: 0;
	text-decoration: none;	
}

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

.article_new h1, .article_new h1 a {
	color:  #A3007E;
	font-size: 18px;
	margin:  15px 0 4px 0;
	padding: 0;
	text-decoration: none;	
}

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

.article h2, .article h2 a {
/*	    color:  #1B8383;  */
    color:  #A3007E;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 22px;
	margin:  30px 0 4px 0;
	padding: 0;
	text-decoration: none;	
	
}

.article h2 a:hover {
/*	text-decoration: none;*/
 color: #f30;
	text-decoration: underline;
} 

.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: underline;
} 
.article a a:link a:active a:visited{
	color: black;
	text-decoration: underline;
}

.article a:hover {
	color: #f30;
	text-decoration: underline;
}
.article td {
	padding: 15px 0px 4px 0px;
	line-height: 150%; 
	font-family: Verdana, Arial, sans, sans-serif;
	font-weight: 130%;
	font-size: 12px;
	color:  black;
}

.article td a  {
	color: #A3007E;
	text-decoration: none;
}
.article td  a:link  {
	color: #A3007E;
	text-decoration: none;
}
.article td a:active {
	color: #A3007E;
	text-decoration: none;
}
.article td a:visited {
	color: #A3007E;
	text-decoration: none;
}
.article td a:hover {
	color: #f30;
	text-decoration: underline;
}
.article encadre2 td {
	padding: 15px 0px 4px 0px;
	line-height: 150%; 
	font-family: Verdana, Arial, sans, sans-serif;
	font-weight: 130%;
	font-size: 13px;
	color:  black;
}

.article encadre2 td a a:link {
	color: #A3007E;
	text-decoration: none;
}
.article encadre2 td a:link {
	color: #A3007E;
	text-decoration: none;
}
.article encadre2 td a:active {
	color: #A3007E;
	text-decoration: none;
}
.article encadre2 td a:visited {
	color: #A3007E;
	text-decoration: none;
}

.article encadre2 td a:hover {
	color: #f30;
	text-decoration: underline;
}
.article encadre2 {
	padding: 15px 0px 4px 0px;
	line-height: 150%; 
	font-family: Verdana, Arial, sans, sans-serif;
	font-weight: 130%;
	font-size: 13px;
	color:  black;
}

.article encadre2 a a:link a:active a:visited {
	color: #A3007E;
	text-decoration: none;
}

.article encadre2 a:hover {
	color: #f30;
	text-decoration: underline;
}

.article encadre2 b{
	font-weight: 200;
}
.article encadre2 i{
	font-style: italic;
}

/*  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;
	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: 14px; /* old 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: 13px; line-height: 180%; PADDING: 3px;
	/* Modif. BACKGROUND-POSITION: center bottom; DISPLAY: block; FLOAT: none; WIDTH: 100%; BACKGROUND-COLOR: white;
--*/
	}  
.texte2 a, .texte3 a:active, .texte3 a:link, .texte3 a:visited { 
    color: #A3007E; /* violet */
	text-decoration: none; 
}
	
.texte2 a:hover {
    background: #d5d5d5;
	color: red;
	text-decoration: NONE;
}

.texte2 h3, h3 a, .texte3 h3 a:active, .texte3 h3 a:link, .texte3 a:visited { 
    font-size: 105%;
    color: #A3007E; /* violet */
	text-decoration: none; 
}
	
.texte2 h3 a:hover {
    background: #cccccc;
	color: red;
	text-decoration: none;
}	
.citation {
    TEXT-ALIGN: justify; font-family: Verdana,  Arial, sans, sans-serif;
    font-size:12px;
    line-height: 150%;
    font-weight: 130%;
    color:#333333;
}

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

.texte3 a, .texte3 a:active, .texte3 a:link, .texte3 a:visited { 
    color: #A3007E; /* violet */
	text-decoration: none; 
}
	
.texte3 a:hover {
    background: #d5d5d5;
	color: red;
	text-decoration: NONE;
}

.texte3 h3, h3 a, .texte3 h3 a:active, .texte3 h3 a:link, .texte3 a:visited { 
    font-size: 105%;
    color: #A3007E; /* violet */
	text-decoration: none; 
}
	
.texte3 h3 a:hover {
    background: #cccccc;
	color: red;
	text-decoration: none;
}

.texte11 { 
   	TEXT-ALIGN: justify; color:  black; font-family:  Verdana, Arial, Helvetica, sans, sans-serif;
	font-weight: 130%;
	font-size: 11px; line-height: 120%; 
}

.texte12 { 
   	TEXT-ALIGN: justify; color:  black; font-family:  Verdana, Arial, Helvetica, sans, sans-serif;
	font-weight: 130%;
	font-size: 12px; line-height: 120%; 
}
.texte13 { 
   	TEXT-ALIGN: justify; color:  black; font-family:  Verdana, Arial, Helvetica, sans, sans-serif;
	font-weight: 130%;
	font-size: 13px; line-height: 120%; 
}

.texte11 a, .texte11 a:active, .texte11 a:link { 
    color: #A3007E; /* violet */
	text-decoration: none; 
}
.texte12 a, .texte11 a:active, .texte11 a:link { 
    color: #A3007E; 
	text-decoration: none; 
}

.texte12 a, .texte11 a:active, .texte11 a:link { 
    color: #A3007E; 
	text-decoration: none; 
}		

.texte11 a:hover, .texte12 a:hover, .texte13 a:hover {
	color: red;
	text-decoration: none;
}

.texte11 h3, .texte12 h3, .texte13 h3 {
	color: #A3007E;
	font-size : 120%;
	font-weight : bold;
	text-decoration: none;
}

.texte11 h3 a:hover, .texte12 h3 a:hover, .texte13 h3 a:hover{
	color: red;
	text-decoration: none;
}



.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;
	padding: 5px;
	margin-right: 5px;
/*	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: Arial,Verdana,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{
}
/* modif www.pileface.com original  margin: 30px 0 0 0---------- */
#menuright {
	margin: 0px 30px  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.albums, h3.audiovideo,  h3.actu, h3.agenda, h3.web, h3.breve, h3.news, h3.dernieres_entrees, h3.derniers_articles,
h3.lien, h3.thema, h3.rubrique, h3.toutes_rubriques, h3.autres_rubriques, h3.autres_breves, h3.dico, h3.index,  h3.partenaires, h3.mots_clefs, h3.groupes_mots_clefs {
	margin: 15px 0 0 0;
	min-width: 150px; 
	height: 36px;
	border-bottom:1px solid #ddd;			
}

/* ajout pour cadrage haut sans margin new header 22/03/10 */
h3.recherche{
	margin: 15px 0 0 0;
	min-width: 150px; 
	height: 36px;
	border-bottom:1px solid #ddd;			
}


h3.albums span, 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.thema  span, h3.rubrique  span,  h3.toutes_rubriques span, h3.autres_rubriques span, h3.autres_breves 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.albums { background: transparent url(../interface/icon_albums.gif) no-repeat bottom left; }
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.thema   { background: transparent url(../interface/icon_thema.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.autres_breves { background: transparent url(../interface/icon_autres_breves.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;
	border-left: 1px solid #d5d5d5;
	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: 45px 0 0 38; */
    margin:  30px 0 40px 0;
/*	min-width: 150px; */
	font-weight: 500; 
	height: 15px;
	/*	border-bottom:1px solid #ddd; */
	text-decoration: none;			
} 

h2 {
    color:  #1B8383; 
/*	color:  #A3007E; */
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	margin:  30px 0 4px 0;
	padding: 0;
	text-decoration: none;	
}




.article h3 a:hover {
    color: #f30;
	text-decoration: underline;
} 
p.spip h1{
    font-family: Arial, Helvetica,sans-serif;
	color:  #666600;
	margin: 30px 0 40px 0;
	min-width: 150px;
	font-weight: 500; 
	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;
}
.orange_motcle	
{
	color: #FF6600;
}

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

.texte_article2 {
	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, .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-size: 11px;
	font-weight: 130%;
	text-decoration: none;
	border-bottom:1px solid #ddd;	
}
. article2 a:link {
	color: #990066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 130%;
	text-decoration: none;
	border-bottom:1px solid #ddd;	
}
. article2 a:visited {
	color: #990066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 130%;
	text-decoration: none;
	border-bottom:1px solid #ddd;	
}
. article2 a:active {
	color: #990066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	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	{
float: left; /* positionnement de la lettrine dans le conteneur*/
font-size: 6em; /* = 3 hauteurs de lignes double pour la lettrine*/
/* font-weight: bold; */
font-family:   Calibri, Georgia, Times, Times New Roman, Times, serif;
color: #DE55BC; /* violet:#D27AFF  purplelight:#FFB6DE*/
/* padding: 1px; */
margin-right: 5px;
line-height: 1em;
}


/* 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.encart-right {
    float:right; 
    width: 250px;
    margin-left: 12px;
    margin-right: 0px;
   
    padding: 12px;
        
    text-align: justify;
    line-height: 200%; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 130%;
	font-size: 12px;
	color:  black;
    background:#EAEAFF;
    border:0px solid #fcd745;
    border-left:0px solid #fcd745;
	}

  
  #encart p {
  
    float:right; 
    width: 250px;
    margin-left: 12px;
    margin-right: 0px;
   
    padding: 12px;
        
    text-align: justify;
    line-height: 200%; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 130%;
	font-size: 12px;
	color:  black;
    background:#EAEAFF;
    border:0px solid #fcd745;
    border-left:0px solid #fcd745;
	}
  

.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:50px;
  TEXT-ALIGN: justify; font-family: Verdana, Arial, sans, sans-serif;
	font-weight: 130%;
	font-size: 12px; 
	line-height: 120%; 
	color: blue;
}

blockquote {
display:block;
    TEXT-ALIGN: justify; font-family: Verdana,  Arial, sans, sans-serif;
    margin-left:42px;
    padding-top:12px;
    padding-bottom:12px;
    font-size:12px;
    line-height: 160%;
    font-weight: 130%;
    color:#333333;
}

A modifier selon vos goûts
cite{
  display: block;
  margin-left : 50px;
  TEXT-ALIGN: justify; font-family: Verdana, Arial, sans, sans-serif;
	font-weight: 130%;
	font-size: 12px; 
	line-height: 120%; 
	font-style:normal;
	color: blue;
}

.retrait {
  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; */ 	
  }  
  
/* div.retrait {
 	font-family: Arial, Verdana, sans, sans-serif; 
	font-size: 12px;
	color: #4B4B4B;	
	margin:  0px 12px 0px 12px;
	padding: 12;
	width: 560px;  
  } 
 */ 
 
div.retrait-simple{
   display: block;
   text-indent:30px;
} 

div.article p.spip span.retrait {
    display:block;
    TEXT-ALIGN: justify; font-family: Verdana,  Arial, sans, sans-serif;
    margin-left:42px;
    padding-top:12px;
    padding-bottom:12px;
    font-size:12px;
    line-height: 160%;
    font-weight: 160%;
    color:#333333;
	}

div.article p.spip span.retrait.spip i{ 
	font-style: italic; 
}

div.article p.spip span.retrait.spip b{ 
	font-style: bold; 
}
div.article p.spip span.retrait.spip strong{ 
	font-style: bold; 
}

div.texte2 p.spip span.retrait {
    display:block;
    TEXT-ALIGN: justify; font-family: Verdana,  Arial, sans, sans-serif;
    margin-left:42px;
    padding-top:12px;
    padding-bottom:12px;
    font-size:12px;
    line-height: 160%;
    font-weight: 160%;
    color:#333333;
	}

div.texte2 p.spip span.retrait.spip i{ 
	font-style: italic; 
}

div.texte2 p.spip span.retrait.spip b{ 
	font-style: bold; 
}
div.texte2 p.spip span.retrait.spip strong{ 
	font-style: bold; 
}
/* 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-left: 12px;
    margin-right: 12px;
   
    padding-right:12px;
    padding-left: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;
	}
	
#warning {
    margin-left: 30px;
    margin-right: 15px;
    padding-left: 12px;
    text-align: left;
    font-size: 14px;
    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 {
    float:right; 
    width: 170px;
    margin:12px 0 12px 12px;
    padding-right:0px;
    padding-left:12px;
    text-align: left;
    color: #4b4b4b;
    line-height: 110%;
 	background: none;
	font:normal 10px Arial, sans-serif, Verdana;
	}

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

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

#voir_aussi li a:hover  {
background: none;
color:red;
}
#voir_aussi  h3  {
background: none;
    border-top:3px solid #c01717;
	font:normal 10px "Arial Black", Arial, sans-serif, Verdana;
	color:#c01717;
	text-transform:uppercase;
	padding:3px 0 0 0;
}
#voir_aussi  h4 {
    border-bottom: 1px dashed #4b4b4b;
  	padding:3px 0 0 0;
}


/* VOIR AUSSI_2 TEST ------------------*/


#voir {
    float:right; 
    width: 170px;
    margin:12px 0 12px 22px;
    padding:0 0 3 0;
    text-align: left;
    color: #4b4b4b;
    line-height: 110%;
    border-bottom: 1px dashed #4b4b4b;
 	background:none;
 	border-bottom: 1px dashed #4b4b4b;
	font:normal 11px Arial, sans-serif, Verdana;
	}

#voir ul {
    background:none;
	clear:both;
	margin:0 0 0 0px;
	padding:0 0 3px 0px;
	}
	
#voir li  {
    background:none;
	font:normal 11px Arial, Helvetica, sans-serif;
	margin:3px 0 3px 12px;
	padding:0 0 3 3px;
	list-style:url(http://www.pileface.com/sollers/IMG/gif/pic_fleche_rouge_min.gif) outside;
}

#voir li a {
background: none;
padding:0 0 0 0px;
text-decoration:none;
}

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


/*  FIN AUSSI_2 TEST ------------*/

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

#citation {
    margin-left:30px;
    margin-right:0px;
    padding:12px;
    font-size:14px;
    }

.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; 
 } 
 
 .bleu {
     color: #2C439C; 
 }
 .bleusollers {
     color: #3B4386; 
 }
 
 .bordeaux {
     color: #9C0808; 
 }
 .brique {
     color: #C92001; 
 }
 .violet {
     color: #A3007E; 
 } 
 .violet2 {
     color: #6633FF; 
 }   
 .rouge {
     color: #cc0033; 
 } 
 
 .gris {
     color: #c0c0c0; 
 }   
.vert {
     color: #66A137;
 }

.vert_breve {
     color: #339999;
 }
.turquoise {
     color: #339999; /* old 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;
} 

div#blocsafran {
    padding: 12px;
    text-align: justify;
	line-height: 200%; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 130%;
	font-size: 12px;
	color:  black;
    background:#f8f8f8;
    border:2px solid #fcd745;
    border-left:6px solid #fcd745;
}

div#blocrightsafran {
    float:right; 
    width: 250px;
    margin-left: 12px;
    margin-right: 0px;
   
    padding: 12px;
        
    text-align: justify;
    line-height: 200%; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 130%;
	font-size: 12px;
	color:  black;
    background:#F8F8F8;
    border:2px solid #fcd745;
    border-left:6px solid #fcd745;
	}
div#blocsafran_jaune {
    padding: 12px;
    text-align: justify;
	line-height: 200%; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 130%;
	font-size: 12px;
	color:  black;
    background:#FFFFE0;
    border:2px solid #fcd745;
    border-left:6px solid #fcd745;
}
	
div#blocrightsafran_jaune {
    float:right; 
    width: 250px;
    margin-left: 12px;
    margin-right: 0px;
   
    padding: 12px;
        
    text-align: justify;
    line-height: 200%; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 130%;
	font-size: 12px;
	color:  black;
    background:#FFFFE0;
    border:2px solid #fcd745;
    border-left:6px solid #fcd745;
	}
	
div#blocbleu {
    padding: 12px;
    text-align: justify;
	line-height: 200%; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 130%;
	font-size: 12px;
	color:  black;
    background:#F8F8F8;
    border:2px solid #667FFF;
    border-left:6px solid #667FFF;
}

div#blocrightbleu {
    float:right; 
    width: 250px;
    margin-left: 12px;
    margin-right: 0px;
   
    padding: 12px;
        
    text-align: justify;
    line-height: 200%; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 130%;
	font-size: 12px;
	color:  black;
    background:#F8F8F8;
    border:2px solid #667FFF;
    border-left:6px solid #667FFF;
	}
div#blocbleu_bleu {
    padding: 12px;
    text-align: justify;
	line-height: 200%; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 130%;
	font-size: 12px;
	color:  black;
    background:#F5F5F5;
    border:2px solid #667FFF;
    border-left:6px solid #667FFF;
}

div#blocrightbleu_bleu {
    float:right; 
    width: 250px;
    margin-left: 12px;
    margin-right: 0px;
   
    padding: 12px;
        
    text-align: justify;
    line-height: 200%; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 130%;
	font-size: 12px;
	color:  black;
    background:#F5F5F5;
    border:2px solid #667FFF;
    border-left:6px solid #667FFF;
	}

div#blocbleu_jaune {
    padding: 12px;
    text-align: justify;
	line-height: 200%; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 130%;
	font-size: 12px;
	color:  black;
    background:#FFFFE0;
    border:2px solid #667FFF;
    border-left:6px solid #667FFF;
}

div#blocrightbleu_jaune {
    float:right; 
    width: 250px;
    margin-left: 12px;
    margin-right: 0px;
   
    padding: 12px;
        
    text-align: justify;
    line-height: 200%; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 130%;
	font-size: 12px;
	color:  black;
    background:#FFFFE0;
    border:2px solid #667FFF;
    border-left:6px solid #667FFF;
	}
div#blocorange {
    padding: 12px;
    text-align: justify;
	line-height: 200%; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 130%;
	font-size: 12px;
	color:  black;
    background:#f8f8f8;
    border:2px solid #FF8000;
    border-left:6px solid #FF8000;
}

div#blocrightorange {
    float:right; 
    width: 250px;
    margin-left: 12px;
    margin-right: 0px;
   
    padding: 12px;
        
    text-align: justify;
    line-height: 200%; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 130%;
	font-size: 12px;
	color:  black;
    background:#f8f8f8;
    border:2px solid #FF8000;
    border-left:6px solid #FF8000;
	}

div#blocorange_jaune {
    padding: 12px;
    text-align: justify;
	line-height: 200%; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 130%;
	font-size: 12px;
	color:  black;
    background:#FFFFE0;
    border:2px solid #FF8000;
    border-left:6px solid #FF8000;
}	

div#blocrightorange_jaune {
    float:right; 
    width: 250px;
    margin-left: 12px;
    margin-right: 0px;
   
    padding: 12px;
        
    text-align: justify;
    line-height: 200%; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 130%;
	font-size: 12px;
	color:  black;
    background:#FFFFE0;
    border:2px solid #FF8000;
    border-left:6px solid #FF8000;
	}
div#blocgris {
    padding: 12px;
    text-align: justify;
	line-height: 200%; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 130%;
	font-size: 12px;
	color:  black;
    background:#f8f8f8;
    border:2px solid #CCCCCC;
    border-left:6px solid #CCCCCC;
}

div#blocrightgris {
    float:right; 
    width: 250px;
    margin-left: 12px;
    margin-right: 0px;
   
    padding: 12px;
        
    text-align: justify;
    line-height: 200%; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 130%;
	font-size: 12px;
	color:  black;
    background:#f8f8f8;
    border:2px solid #CCCCCC;
    border-left: 6px solid #CCCCCC;
}

div#blocgris_jaune {
    padding: 12px;
    text-align: justify;
	line-height: 200%; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 130%;
	font-size: 12px;
	color:  black;
    background:#FFFFE0;
    border:2px solid #CCCCCC;
    border-left:6px solid #CCCCCC;
}
div#blocrightgris_jaune {
    float:right; 
    width: 250px;
    margin-left: 12px;
    margin-right: 0px;
   
    padding: 12px;
        
    text-align: justify;
    line-height: 200%; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 130%;
	font-size: 12px;
	color:  black;
    background:#FFFFE0;
    border:2px solid #CCCCCC;
    border-left: 6px solid #CCCCCC;
}
div#blocvaleur {
    padding-left: 5px;
    padding-right: 0px;
    margin-left: 3px;
    text-align: justify;
	line-height: 200%; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 130%;
	font-size: 12px;
	font-style: italic;
	color:  9C0808;
    border-left:9px solid #CCCCCC;
}

div#blocmenu {
    display: block;
    float: right;
    margin-left: 25px;
    right: -20px;
    padding-left: 11px;
    text-align: left;
	line-height: 230%; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-left:1px solid #CCCCCC;
}

div#blocmenu a:link {
  color:#DE55BC ; /* purplelight:#FFB6DE   #DE558C          */
  font-weight: bold;
}
div#blocmenu a:visited {
  color:#DE55BC;
  font-weight: bold;
}
div#blocmenu a:hover {
  color:red; /* #660099  */
  background:#ececec;
  font-weight: bold;
}
div#blocmenu a:active {
  color:#DE55BC;
  font-weight: bold;
}

div#blocimage_left img{
   position: relative;
   left: -80px;
   float: left;
   right: -80px;
}

div#blocmenu2 {
    display: block;
    float: right;
    margin-left: 30px;
    right: -20px;
    padding-left: 11px;
    text-align: left;
	line-height: 180%; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2C439C; /* bleu */
	border-left:1px solid #CCCCCC;
}

div#blocmenu2 h3{
    font-size: 11px;
    font-weight: 500%;
    margin-top: 20px;
	padding: 0em;
	border-bottom:1px solid #ddd;
}

div#blocmenu2 a:link, a:visited, a:active {
  color: #2C439C; /* purplelight:#FFB6DE   #DE558C     bleu #2C439C     */
  text-decoration: none;
}
div#blocmenu2 a:hover {
  color: red; /* #660099  */
  text-decoration: none;
}
div#blocretrait {
    text-indent: 20px;
    font-weight: 100%;
    line-height: 150%;
    PADDING-LEFT: 30px; PADDING-TOP: 3px; PADDING-BOTTOM: 3px; 
}

div#blocespace {
    margin: 0px;
    padding: 10px;
    background-image: url([http://www.pileface.com/sollers/IMG/gif/pixel_gris.gif]);
 }

/*  old DIV#ARTICLE-------

div#article {
	padding: 0px;
	text-align: justify;
	line-height: 200%; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 130%;
	font-size: 12px;
	color:  black;
}   
*/

div#article {
}   

/*  ORANGE-------*/
h2.orange{ 
    margin-top: 30px;
    padding-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: 200%;
	font-size: 20px;
	color:  #FF8000;
	text-decoration: none;
	border-top:4px dashed #FF8000;
}

h3.orange{
    margin-top: 20px;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: 400%;
	font-size: 18px;
	color:  #FF8000;
	font-style: italic;
}

h4.orange{ 
    margin-top: 12px;
    margin-bottom: 30px;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: 200%;
	font-size: 22px;
	color:  #FF8000;
	text-decoration: none;
	border-bottom:1px solid #FF8000;
}
/*  OLIVE---*/
h1.olive{ 
    margin-top: 25px;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: 200%;
	font-size: 20px;
	color:   #869E02; /* olive + foncé */
	text-decoration: none;
	border-bottom:1px solid #fcd745;
}
h2.olive{ 
    margin-top: 15px;
    padding-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: 200%;
	font-size: 20px;
	color:  #869E02; /* olive + foncé */
	border-top:4px dashed #9DBA00;
}

/*  TURQUOISE---Breve/Note */
h1.turquoise{ 
    margin-top: 30px;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: 200%;
	font-size: 20px;
	color:   #339999; /* vert_breve */
	text-decoration: none;
	margin-bottom:20px;
	border-bottom:1px dotted #669999">;
}
h2.turquoise{ 
    margin-top: 15px;
    padding-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: 200%;
	font-size: 20px;
	color:  #339999; /* vert_breve */
	border-top:4px dashed #339999;
}
h3.turquoise{
    margin-top: 20px;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	color:  #339999; /* vert_breve*/
	font-style: italic;
}

/*  VIOLET  */
div.titre4{ 
    margin-top: 30px;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: 200%;
	font-size: 20px;
	color:   #A3007E; /* fuschia-violet */
	text-decoration: none;
	/* border-bottom:1px dotted #669999">; */
}
div.titre5{ 
    margin-top: 15px;
    padding-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: 200%;
	font-size: 18px;
	color:  #A3007E; /* fuschia-violet */
	/* border-top:4px dashed #A3007E; */
}
div.titre6{
    margin-top: 20px;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	color:  #A3007E; /* fuschia-violet*/
	font-style: italic;
}
.violet{
    color:  #A3007E; /* fuschia-violet*/
}    

/*  FUSCHIA  */
h1.fuschia{ 
    margin-top: 30px;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: 200%;
	font-size: 20px;
	color:   #A3007E; /* fuschia-violet */
	text-decoration: none;
	margin-bottom:20px;
	border-bottom:1px dotted #669999">;
}
h2.fuschia{ 
    margin-top: 15px;
    padding-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: 200%;
	font-size: 20px;
	color:  #A3007E; /* fuschia-violet */
	border-top:4px dashed #A3007E;
}
h3.fuschia{
    margin-top: 20px;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	color:  #A3007E; /* fuschia-violet*/
	font-style: italic;
}
.fuschia{
    color:  #A3007E; /* fuschia-violet*/
}    

/*  BLEU---*/
h2.bleu{ 
    margin-top: 15px;
    padding-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: 200%;
	font-size: 20px;
	color:  #A3007E; /* old  #667FFF */
	border-top:4px dashed #A3007E;
}

h3.bleu{
    margin-top: 20px;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: 200%;
	font-size: 18px;
	color:  #2C439C; /* old  #667FFF */
	font-style: italic;
}

h4.bleu{ 
    margin-top: 12px;
    margin-bottom: 30px;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: 200%;
	font-size: 11px;
	color:  #2C439C; /* old  #667FFF */
	text-decoration: none;
	border-bottom:1px solid #667FFF;
}

/*  SAFRAN-*/
h1.safran{ 
    margin-top: 30px;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: 200%;
	font-size: 20px;
	color:  #fcd745;
	text-decoration: none;
	border-bottom:1px solid #fcd745;
}

h2.safran{ 
    margin-top: 30px;
    padding-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: 200%;
	font-size: 20px;
	color:  #fcd745;
	text-decoration: none;
	border-top:4px dashed #fcd745;
}

h3.safran{
    margin-top: 20px;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: 500%;
	font-size: 18px;
	color: #fcd745;
	font-style: italic;
	text-decoration: none;
}

h4.safran{ 
    margin-top: 12px;
    margin-bottom: 30px;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: 200%;
	font-size: 20px;
	color:  #fcd745;
	text-decoration: none;
	border-bottom:1px solid #fcd745;
}

hr.safran{
    margin-top: 12px;
    margin-bottom: 30px;
    color:  #fcd745;
}

.safran{
    color:  #fcd745;
}

/*  GRIS */
h2.gris{ 
    margin-top: 30px;
    padding-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: 200%;
	font-size: 20px;
	color:  #CCCCCC;
	text-decoration: none;
	border-top:4px dashed #CCCCCC;
}

h3.gris{
    margin-top: 20px;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: 300%;
	font-size: 18px;
	color:  #A0A0A0;
	font-style: italic;
}

h4.gris{ 
    margin-top: 12px;
    margin-bottom: 30px;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: 200%;
	font-size: 22px;
	color:  #C0C0C0;
	text-decoration: none;
	border-bottom:1px solid #C0C0C0;
}
hr.gris{
    color:  #C0C0C0;
}

/* NOTE ------------------------------------*/

.note {
	padding: 15px 15px 4px 15px;
	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;
}


/* modif www.pileface.com original  color:  #624234;  marron #66660C; olive     #A3007E; violet---------- */
.note h1, .article h1 a {
	color:  #A3007E;
	font-size: 18px;
	margin:  15px 0 40px 0;
	padding: 0;
	text-decoration: none;	
}

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

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

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

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


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

.note a:hover {
	color: #f30;
	text-decoration: underline;
}


.text11v{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.text11a{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
}
.text12v{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.text12a{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}
.tweetlink {background: transparent url(http://www.pileface.com/sollers/IMG/png/twitter_icon15.png) no-repeat 0 50%;padding-left:20px}