body { 
	font: small serif;
  margin: 0px; 
	padding: 0px; 
	line-height: 14px;
	color: #000;
	font-size: x-small;
	voice-family: "\"}\""; 
	voice-family: inherit;
	font-size: small;
	text-align: center; } 

html>body {}
table {margin: 0px; padding: 0px;
}
tr {margin: 0px; padding: 0px;
}
td{margin: 0px; padding: 0px;
}
/*  */

body { 
	background-color: #E5D8BF;
  	margin: 0px; 
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #8a8a8a;  text-decoration: none; 
	font-size: 11px; 
	line-height: 14px;
	}
	
a:link { 
	color: #000;
	}
a:visited { 
	color: #7D8292;
	} 
a:visited:hover { 
	color: #fff;
	}
a:hover { 
	color: #fff;
	}
a:active { 
	color: #7D8292;
	}		
	
	

#boiteprincipale {
	background-color: #E5D8BF;
	}
#logo {
	background-color: #A59875;
	height: 87px;
	color: #fff;
	text-align:right;
	margin: 0px 0px 0px 0px; 
	padding: 10px 20px 0px 0px;
	background-image:url(css/logo.jpg);
    background-position:top left;
    background-repeat:no-repeat;
	}
#logo a:link {  
	text-decoration: none; 
	color: #fff;
	}
#logo a:visited{ 
	text-decoration: none; 
	color: #fff;
	} 
#logo a:active{
text-decoration: none; 
	color: #fff;
	}
#logo a:hover{
text-decoration: none; 
	color: #000;
	}


#menuhaut {
	background-color: #fff;
	height: 18px;
	color: #fff;
	text-align:center;
	margin: 0px 0px 0px 0px; 
	padding: 4px 0px 0px 0px;
	background-image:url(css/menuhaut.jpg);
    background-position:top left;
    background-repeat:repeat-x;
	white-space:nowrap;
	}
#menuhaut  a{
	margin: 0px 8px 0px 8px; 
	}
#menuhaut  a:link {
	font-weight: bold;  
	text-decoration: none; 
	color: #fff;
	}
#menuhaut  a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #fff;
	} 
#menuhaut  a:active{ 
	color: #fff;
	font-weight: bold; 
	}
#menuhaut  a:hover{ 
	color: #E39726;
	font-weight: bold; 
	}
	#menubas{
	background-color: #8395B9;
	height: 23px;
	color: #000;
	text-align:center;
	margin: 0px 0px 0px 0px; 
	padding: 7px 0px 0px 0px;
	background-image:url(css/menubas.jpg);
    background-position:top left;
    background-repeat:repeat-x;
	white-space:nowrap;
	}

#menubas  a{
	margin: 0px 5px 0px 5px; 
	}
#menubas a:link { 
	text-decoration: none; 
	color: #000;
	font-weight: bold; 
	}
#menubas a:visited{ 
	font-weight: bold; 
	text-decoration: none; 
	color: #000;
	} 
#menubas a:active{ 
	color: #000;
	font-weight: bold; 
	}
#menubas a:hover{ 
		color: #AF8222;
	font-weight: bold; 
	}
#page{
    /* height: 600px; */
	
	text-align:center;
	margin: 3px 0px 0px 10px; 
	padding: 6px 0px 0px 0px;
	}

	#gauche{

	top:140px;
	left:10px;
	background-color:#F4EDC3;
	width: 150px;
	text-align:left;
	margin: 0px 10px 0px 10px; /* pour faire apparaitte la partie gauche 0px 10px 0px 60px */
	padding: 0px 0px 0px 0px;
	border: 1px solid #fff;
	
	}
#gauche ul {
width: 150px;
list-style:none;
background-color: #E8E6DD;
margin: 10px 0px 30px 0px; /* pour faire apparaitte la partie gauche 0px 10px 0px 60px */
padding: 0px 0px 0px 0px;
border-bottom: 1px solid #000;
	}		
#gauche li {
list-style:none;
background-color: #F9E055;
margin: 8px 0px 8px 0px; /* pour faire apparaitte la partie gauche 0px 10px 0px 60px */
padding: 0px 0px 0px 0px;
border: 1px solid #fff;
	}

	#gauche a:link { 
font-size: 10px;
font-weight: bold; 
	color: #9A4F8C;
	}
#gauche a:visited{ 
	font-size: 10px;
font-weight: bold;  
	color: #9A4F8C;
	} 
 #gauche a:active{ 
	font-size: 10px;
font-weight: bold; 
	color: #9A4F8C;
	}
	
#gauche a:hover{ 
	font-size: 10px;
font-weight: bold; 
	color: #fff;
	}

	
	 
	
	#boite{
	background-image:url(css/espace.jpg);
    background-position:top left;
    background-repeat:no-repeat;
	background-color: #C08EB6;
	color: #fff;
	text-align:left;
	margin: 0px 0px 10px 0px; 
	padding: 60px 10px 10px 10px;
	}
	#boite2{
	background-image:url(css/acheter.jpg);
    background-position:top left;
    background-repeat:no-repeat;
	background-color: #C08EB6;
	color: #fff;
	text-align:left;
	margin: 0px 0px 10px 0px; 
	padding: 60px 10px 10px 10px;
	}
	#boite3{
	background-image:url(css/lettre.jpg);
    background-position:top left;
    background-repeat:no-repeat;
	background-color: #C08EB6;
	color: #fff;
	text-align:left;
	margin: 0px 0px 10px 0px; 
	padding: 60px 10px 10px 10px;
	}
#boite h3{display:none;padding: 5px 0px 0px 10px;font-size: 11px; color: #fff;
	}
#boite2 h3{display:none;padding: 5px 0px 0px 10px;font-size: 11px; color: #fff;
	}
#boite3 h3{display:none;padding: 5px 0px 0px 10px;font-size: 11px; color: #fff;
	}
	
#boite a{text-decoration: none;
	}
#boite2 a{text-decoration: none;
	}
#boite3 a{text-decoration: none;
	}
	#information{
	top:150px;
   left:0px;
	/*width: 100%;  */   
	color: #525252;
	text-align:left;
	background-image:url(css/titre.jpg);
    background-position:bottom right;
    background-repeat:no-repeat;
	}
	
	
	
		#cadreaccueil{

border: 1px solid #BFC0C0;
	background-color: #E7E9ED;
	margin: 0px 5px 10px 5px; 
	padding: 10px 20px 5px 20px;
	}
	#cadreactu{
width: 455px;
border: 1px solid #BFC0C0;
	background-color: #E7E9ED;
	margin: 0px 5px 10px 5px; 
	padding: 10px 20px 5px 20px;
	}

	
	#carre{

	float:right;/* */
	margin: 0px 5px 20px 10px; 
	padding: 0px 0px 0px 0px;
	
	}

#cadre {
width: 200px;
border: 1px solid #BFC0C0;
	background-color: #E7E9ED;
	margin: 2px 2px 5px 5px; 
	padding: 10px 20px 5px 20px;
	}
/* retire le contour des image liens*/
#cadre a img {

border:none;
}

	
#information a:link {
font-weight: bold; 
font-size: 11px;  
	text-decoration: none; 
	color: #126B0F;
	}
#information a:visited{ 
	text-decoration: none; 
	color: #126B0F;
	font-weight: bold; 
	} 
#infotmation a:active{ 
	color:#126B0F;
	font-weight: bold; 
	}
#information a:hover{ 
	color: #000;
	font-weight: bold; 
	}
#information h3{
margin: 0px 0px 10px 0px;
padding: 5px 0px 0px 0px;
   font-size: 12px; 
	color: #000;
	}
#information h2{
margin: 0px 0px 2px 0px;
padding: 10px 0px 0px 40px;
height:20px; 
   font-size: 13px; 
	color: #000;
	background-image:url(css/titre.jpg);
    background-position:top left;
    background-repeat:no-repeat;
	
	}

#liste{

 padding: 0px 0px 0px 0px;
background-color: #fff;
 margin: 0px 0px 0px 0px; 

	}	
	#bordprincipale{
 padding: 0px 10px 0px 15px;
border-left: 1px solid #7D8292;
	}	
#liste h3{
   font-size: 12px; 
	color: #000;
	}
	
#annuaire {

line-height: 16px;
margin:10px 0px 10px 0px; 
padding: 0px 0px 0px 0px;
text-align:center;	
}	
#annuaire a{
margin:0px 10px 0px 10px; }

#annuaire a:link{  
color: #ccc;
	}
#annuaire a:visited{ 
color: #ccc;
	}
#annuaire a:active{
	color: #ccc;
	} 
#annuaire a:hover{
	color: #9A4F8C;
	}
#basdepage{

line-height: 16px;
margin:20px 0px 10px 5px; 
padding: 0px 0px 0px 0px;
text-align:center;	
}
#basdepage a:link {
font-weight: normal; 
	text-decoration: none; 
	color: #000;
	}
#basdepage a:visited{
font-weight: normal;  
	text-decoration: none; 
	color: #000;
	} 
#basdepage a:active{
font-weight: normal;  
	text-decoration: none; 
	color: #000;
	}
#basdepage a:hover{
font-weight: normal;  
	color: #126B0F;
	}
	

/*  ------------------------------------------
/*  Habillage des forums
/*  ------------------------------------------ */

.forum-repondre, .forum-decompte {
	clear: both;
	margin-top: 2.5em;
	padding-top: 2px;
	border-top: 2px solid #CCC;
	font-size: 0.88em;
	font-weight: bold; }

/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin-top: 1.5em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #333; }
.forum-chapo small {}
.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #333; font-size: 0.82em; }
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #A4A4A4; }
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: none; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #C4E0E0; }
ul ul .forum-chapo { background: #D4E8E8; }
ul ul ul .forum-chapo { background: #E4F0F0; }
ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }

/*  ------------------------------------------
/*  Habillage des petitions
/*  ------------------------------------------ */

#signatures { clear: both; font-size: 0.77em; }

#signatures h2 {
	padding: 0.5em;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold; }

#signatures table { width: 100%; margin: 1em 0; }
#signatures thead { display: none; } /* On n'affiche pas les titres du tableau */

#signatures td.signature-date {
	background: #E4F0F0;
	padding: 0.5em;
	white-space: nowrap; }

#signatures td.signature-nom {
	background: #ECF4F4;
	padding: 0.2em;
	text-align: center;
	font-weight: bold; }

#signatures td.signature-message {
	background: #F4F8F8;
	padding: 0.4em;
	font-size: 0.96em; }
/* 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: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.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; }

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

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

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