/* Main structure ------------------------------------*/
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
  	background: url(../images/fond.png) top repeat-x;
  	background-attachment:fixed; /*#eee;*/
  	font-family :Verdana, Arial, sans-serif; 
}
#page {
	margin-left: auto;
    margin-right: auto;
	width: 816px;
	text-align: center;
		
}
/* pour centrer les éléments un peu spéciaux comme les images statiques externes avec lien */

.spip_figure {
	text-align: center;
}

.encart {
	text-align: left;
}

table.spip {
	margin: auto;
}

.texte table {
	margin: auto;
}

/* Entete -------------------------------------- */
#banniere {
	width: 816px;
	height: 200px;
	background: url(../images/bandeau.png) top center;
	text-align: center;
}


#menuheader {
	font-size: small;
	color:  #91a899; 
	text-align: center;
	clear: both;
}

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

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


/* Pied de page -------------------------------------- */
#pied {
	 padding: 0 0 0 0;
	 margin: 0 0 0 0; 
	 border: none;  
	font-size: x-small;
	color:  black;	
	 clear: both;
} 

#piedfin {
	font-size: x-small;
	color:  black;
	background: url(../images/fondbas.png) top no-repeat;	
}


#pied a, #pied a:active, #pied a:link { 

	color: black; 
	text-decoration: none; 
	
}

#pied a:hover {

	color: black;
	text-decoration: none;
		background: white;
}

#menu_pied {
 	margin:  0 0 0 0; 
	padding: 0 0 5px 10px;
	font-size: 0.9em;
	line-height: 10px;
	color:  black;
	text-align: left;
	border : none;
	
}

#menu_pied a, #menu_pied a:active, #menu_pied a:link { 
	padding: 0 0 0 0;
	color: #5c5c5c; 
	text-decoration: none; 
	background: white;
}

#menu_pied a:hover {
	padding: 0 0 0 0;
	color: black;
	text-decoration: none;
		background: white;
}


/* Div corps structure -------------------------------------*/

#corpsmiddle {
	margin: 0 20px 0 140px;
	padding: 0;
	text-align: justify;
		
}
#rubrique {
background: url(../images/fondpage.png) repeat-y;
}
#rubrique16 {
background: url(../images/fondpage16.png) repeat-y;
}
#rubrique4 {
background: url(../images/fondpage4.png) repeat-y;
}
#rubrique5 {
background: url(../images/fondpage5.png) repeat-y;
}
#rubrique17 {
background: url(../images/fondpage17.png) repeat-y;
}

#rubrique18 {
background: url(../images/fondpage18.png) repeat-y;
}
#rubrique19 {
background: url(../images/fondpage19.png) repeat-y;
}

#rubrique20 {
background: url(../images/fondpage20.png) repeat-y;
}
#rubrique21 {
background: url(../images/fondpage21.png) repeat-y;
}

#rubrique22 {
background: url(../images/fondpage22.png) repeat-y;
}
#rubrique23 {
background: url(../images/fondpage23.png) repeat-y;
}
#rubrique24 {
background: url(../images/fondpage24.png) repeat-y;
}
#rubrique25 {
background: url(../images/fondpage25.png) repeat-y;
}
#rubrique26 {
background: url(../images/fondpage26.png) repeat-y;
}

#rubrique27 {
background: url(../images/fondpage27.png) repeat-y;
}
#rubrique30 {
background: url(../images/fondpage30.png) repeat-y;
}
#rubrique40 {
background: url(../images/fondpage40.png) repeat-y;
}
#rubrique50 {
background: url(../images/fondpage50.png) repeat-y;
}
#rubrique68 {
background: url(../images/fondpage68.png) repeat-y;
}
#rubrique69 {
background: url(../images/fondpage69.png) repeat-y;
}
#rubrique70 {
background: url(../images/fondpage70.png) repeat-y;
}
#rubrique77 {
background: url(../images/fondpage77.png) repeat-y;
}
#rubrique78 {
background: url(../images/fondpage78.png) repeat-y;
}


/* position dans la hiérarchie-------------------------------------- */
#pos {
	display: block;
	
	padding: 0px 0px 0px 45px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color:  grey;
	text-decoration: none; 	
}

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

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


/* main: before and after article: sub sub----------------------------- */
#prearticle {
	

	display: block;
	margin-left: 10%;
	
	color:  black;
	text-decoration: none; 	

}

#postarticle  {
	
	font-size: 100%;
	line-height: 130%;
	display: block;
	margin-left: 10%;
	font-size: small;
}

#prearticle a, #prearticle a:active, #prearticle a:link, 
#postarticle a, #postarticle a:active, #postarticle a:link{ 

	padding-left: 10px;
	line-height: 17px;
	color: #a06305; 
	text-decoration: none; 
}

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



/* main: article -------------------------------------- */
.article {
	padding:   0px 0px 10px 0px;
	text-align: left;
	line-height: 120%; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color:  black;
	background: transparent url(../icones/article_end.png) no-repeat bottom center;
}

.article h1, .article h1 a {
	color:  #624234;
	margin:  15px 0 4px 0;
	padding: 0;
	text-decoration: none;	
}

.article h1 {
	font-size: 130%;
}

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

.article a {
	color: black;
	text-decoration: underline;
}

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

.auteur {
	color: grey;
	font-size: 60%;
}

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

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

/* main: article formating -------------------------------------- */
.surtitre  {
	font-weight: bold;
}

.soustitre { 
	margin-top: 10px;
	font-family: Times, serif;
	font-style: italic;
	font-size: 110%;
	color: grey;	
}

.chapo     {
	padding:   8px 30px 8px 60px;
	font-size: 100%;
	line-height: 100%; 
}

.texte {
	text-align:justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 140%;
}

.ps {
	border-top: 1px dashed #ccc;
	margin-top: 5px;
	font-size: 100%;
}
/* main: colonne gauche -------------------------------------- */

#gauche {
    margin: 0 0 0 10px;
	padding: 0 auto 0 0;
	float: left;
	width: 170px;
}

/* main: menu right -------------------------------------- */

#menuright {
    padding: 0px 2px;
    float: right;
    width: 175px;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
	line-height: 110%; 
    color:  black;
}

#menuright img{
     margin-top: 0px;       
}

#actus {

	background: transparent url(../images/actusfond.jpg) repeat-y left;      
}

.actus {
    margin: 0 0 0 -12px;
	padding: 0 0 0 -12px;
	font-style: italic;
    font-size: 90%;
	line-height: 120%; 
	color: grey;
}

#bouletv {

	background: transparent ;      
}

.bouletv {
    margin: 0 0 0 -15px;
	padding: 0 0 0 -15px;
	font-style: italic;
    font-size: 90%;
	line-height: 90%; 
	color: grey;
}

#menuright a {
    margin: 0 0 0 5px;
	padding: 0 0 0 5px;
    color: black;
    text-decoration: none;
}

#menuright a+ {
    margin: 0 0 0 10px;
	padding: 0 0 0 10px;
    color: black;
	font-size: 70%;
    text-decoration: none;
}

.lienon {
    color: maroon;
	margin: 0 0 0 5px;
	padding: 0 0 0 5px;
    text-decoration: none;
	font-weight: bold;
}



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

#menuright a:hover {
    margin: 0 0 0 5px;
	padding: 0 0 0 5px;
    color: #f30;
    text-decoration: none;
	background: transparent url(../images/puce.gif) no-repeat left;

}

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


.gray { color: #777; }



/* plan site -------------------------------------------- */
h1 a.plan { color:  #624234;}
h1 a.plan, h1 a.plan:hover {
	font-size: 14px;	
	text-decoration: none; 	
}

.plan ul {
	margin: 2px 0 0 20px;
	padding: 2px;	
}

.plan li {
	line-height: 110%; 
	list-style-type: none;
	padding: 2px; 	
	margin: 0;		
}


ul li a.plan,  ul li a.plan:hover{
	text-decoration: none; 
	padding-left: 10px;
	background: transparent url(../icones/puce_min.png) no-repeat 0px 7px; /* IE5 BUGGY*/
	/*list-style-image: url(../squelettes/images/puce_min.png); /* alternate ? */	
}

ul li a.planrubrique{ 
	display: block;
	margin: 0;	
	padding: 5px 0 0 20px;	
	background: transparent url(../icones/puce_arrow.png) no-repeat left center;
	
	color: #a06305; 
	text-decoration: none; 
}

ul li a.planrubrique:hover{
	color: #573502; 
	text-decoration: none;
}


/* SPIP-STYLE                                              version 1.9  */
/* Cette feuille contient les styles associes au code genere par SPIP.  */
/* Ces styles sont indispensables et doivent necessairement etre        */
/* definis pour le bon fonctionnement de vos squelettes.                */


/* Raccourcis typographiques de SPIP */
i.spip {}
strong.spip {}
hr.spip {}

.spip_puce { list-style-position: outside; }

ul.spip {}
ol.spip {}
li.spip {}

h3.spip {
	text-align: center; 
	margin-top: 2em; 
	margin-bottom: 1.4em; 
	font-size: 1.15em; 
	font-weight: bold; }

/* Paragraphes, citations, code et poesie */
p.spip {}
p.spip_note {}

blockquote.spip, .spip_serif { font-family: Georgia, Times, serif; }

blockquote.spip { 
	margin: 1em; 
	padding-left: 1em;
	padding-right: 1em;
	border: 1px dotted; }

div.spip_poesie { 
	margin: 1em; 
	padding-left: 1em; 
	border-left: 1px solid;
	font-family: Garamond, Georgia, Times, serif; }
div.spip_poesie div { text-indent: -60px; margin-left: 60px; }

.spip_code, .spip_cadre { font-family: monospace; font-style: normal; font-size: 1.2em; }
.spip_cadre { width: 99%; border: 1px inset; }

.spip_surligne { background: #FF6; }

/* Tableaux */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: none; }

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: 15px; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-left: -42px;  margin-right: 15px; margin-bottom: 5px; }
.spip_documents_hab { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; margin-right: -27px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }
.spip_documents_rightcoll { clear: both; float: left; margin-left: -29px; }

/* Images typographiques (via image_typo), URL a revoir... */
.format_png { behavior: url(win_png.htc); }

/* modeles par defaut */
.spip_modele { float: right; display: block; border: 1px dotted #666; width: 180px; }

/* Barre de raccourcis typographiques */
table.spip_barre { width: 333px; }

table.spip_barre a img {
	background: #FDA;
	padding: 3px;
	border: 0px outset #999; }
table.spip_barre a:hover img {
	background: #FFF;
	border: 0px solid #999; }

table.spip_barre input.barre { width: 100%; background: #EEE; }

/* * Couleurs des liens de Spip */
a.spip_note {} /* liens vers notes de bas de page */
a.spip_in { color: #900; } /* liens internes */
a.spip_out { color: #009; } /* liens sortants */
a.spip_url { color: #009; } /* liens url sortants */
a.spip_glossaire { color: #060; } /* liens vers encyclopedie */
.on { font-weight: bold; color: #000; } /* liens exposes */