/* CSS Document */
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color:#f1efe2;
}
/* retire le contour des image liens*/
#a img {

border:none;
}
p {
margin: 0 0 10px 0;
}
#h3 {
height:26px;
text-align:left;
font-size: 1.1em;
color:#FFFFFF;
padding-left: 25px;
padding-top: 4px;
margin: 0px 0px 4px 0px;
background: #E5E0C6 url(choix.jpg) top left no-repeat;
}


#header {
text-align:center;
font-size: 0.7em;
height: 21px;
background: #99CCCC url(header.jpg) top left no-repeat;
color:#FFFFFF;
padding: 145px 0px 0px 10px;
}

#header a:link 
  {color: #fff; 
  text-decoration: none; 
  background-color: transparent }
#header a:visited 
  { color: #fff; 
  text-decoration: none; 
  background-color: transparent }
#header a:active 
  { color: #fff; 
  text-decoration: none; 
  background-color: transparent }
#header a:hover 
  { color: #FF5A0B; 
  text-decoration: none; 
  background-color: transparent }
  
#haut {
background: #f1efe2 url(haut.jpg) bottom no-repeat;
height: 30px;
background-color:#f1efe2;
}
#haut2 {
background: #f1efe2 url(haut2.jpg) bottom no-repeat;
height: 30px;
background-color:#f1efe2;
}
#menuhaut {
list-style-type: none;
margin: 0;
padding:0;
}
#menuhaut li {
display: inline;
}
#menuhaut a {
margin: 0 2px;
color: #000000;
}


#conteneur {
width:900px;
margin:0 auto;
background-color:#FFF;
}



*a:link 
  {color: #165290; 
  text-decoration: none; 
  background-color: transparent }
*a:visited 
  { color: #165290; 
  text-decoration: none; 
  background-color: transparent }

*a:active 
  { color: #165290; 
  text-decoration: none; 
  background-color: transparent }
  
*a:hover 
  { color: #FF5A0B; 
  text-decoration: none; 
  background-color: transparent }
/* partie page d'accueil du site general */
#centreaccueil {
background-color:#FFF;
margin-left: 290px;
margin-right: 310px;
}
#centreaccueil h3 {
width: 245px;
height:21px;
text-align:left;
font-size: 1.1em;
color:#FFFFFF;
padding-left: 45px;
padding-top: 4px;
margin: 0px 0px 1px 0px;/*titre */
background: #7D9928 url(choix.jpg) top left no-repeat;
}
#centreaccueil2 {
background:  url(bas4.jpg) bottom left no-repeat;
padding-bottom: 5px;
margin-bottom: 5px;

padding-top: 5px;
}

#chercheur {
background:  url(bas1.jpg) bottom left no-repeat;
padding-bottom: 0px;
margin-bottom: 5px;
}

#benevole {
background:  url(bas2.jpg) bottom left no-repeat;
padding-bottom: 0px;
margin-bottom: 5px;
}
#centreaccueil2 h3 {
height:21px;
text-align:left;
font-size: 1.1em;
color:#FFFFFF;
padding-left: 45px;
padding-top: 4px;
margin: 0px 0px 1px 0px;/* 8 pour titre */
background: #25A2D7 url(choix.jpg) top left no-repeat;
}

#gaucheaccueil {
float:left;
width: 290px;
}
#droiteaccueil {
float:right;
width: 290px;
padding: 0px 15px 0px 0px;

}
#droiteaccueil  h3 {
height:21px;
text-align:left;
font-size: 1.1em;
color:#FFFFFF;
padding-left: 45px;
padding-top: 4px;
margin: 0px 0px 1px 0px;
background: #3B5E6E url(choix.jpg) top left no-repeat;
}
#menugauche2 {
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
background: #E5E0C6 ;

}


#menugauche2 a {
margin: 0 2px;
}
/* fin de partie page d'accueil du site general */
#centre {
background-color:#fff;
margin-left: 210px;
margin-right: 10px;
}
#centre h3 {
height:21px;
text-align:left;
font-size: 1.1em;
color:#9A6E11;
padding-left: 45px;
padding-top: 4px;
padding-bottom: 10px;
margin: 0px 0px 1px 0px;

}
#centre h2 {
height:21px;
text-align:left;
font-size: 1.1em;
color:#FFFFFF;
padding-left: 45px;
padding-top: 4px;
margin: 0px 0px 10px 0px;

background: #3B5E6E ;
}

#centrearticle {
background-color:
#CCCCCC;
margin-left: 200px;
margin-right: 0px;
}
#gauche {
float:left;
width: 200px;
background-color:#ccc;
}
#gauche2 {
float:left;
width: 200px;
background-color:#E5E0C6;
padding-left: 0px;
border: 1px solid #B3B7BA;
}

#gauche2 h3{
height:20px;
text-align:left;
font-size: 1em;
color:#fff;
background: #9A6E11 url(choix.jpg) top left no-repeat;
padding-left: 45px;
padding-top: 5px;
margin: 0px 0px 4px 0px;
}
#pied {
clear:both;
background: #f1efe2 url(bassite.jpg) top no-repeat;
height: 30px;

}
#pied2 {
clear:both;
background: #f1efe2 url(bassite2.jpg) top no-repeat;
height: 30px;
}
#ascenceur {
float:right;
width: 500px;
overflow:auto;
height: 200px;
background-color: #99CC99;
}
#temoin {
float:right;
width: 500px;
height: 100px;
background-color: #99CC99;
}
#ongle {
float:right;
margin-right: 10px;
}
#orteil {

height: 100px;

}

  
#menugauche {
font-size: 0.9em;
height: 440px;
overflow:auto;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
background: #E5E0C6 url(titre.jpg) top left no-repeat;


}

#menugauche h3{
text-align:left;
font-size: 1em;
color:#FFFFFF;
padding-left: 35px;
padding-top: 10px;
margin: 0px 0px 6px 0px;
}
#texte{
border: 1px solid #B3B7BA;
padding-bottom: 30px;
padding-left: 5px;
padding-right: 5px;

}


#menugauche a {
margin: 0 2px;


}

#menudroit {

background:  url(bas3.jpg) bottom left no-repeat;
padding-bottom: 5px;
margin-bottom: 5px;
padding-top: 5px;
}
#menudroit h3 {
height:21px;
text-align:left;
font-size: 1.1em;
color:#FFFFFF;
padding-left: 45px;
padding-top: 4px;
margin: 0px 0px 1px 0px;
background: #92C502 url(choix.jpg) top left no-repeat;
}
#menudroit a {
margin: 0 2px;


}

/*  ------------------------------------------
/*  ajout version2 
/*  ------------------------------------------ */
h1, h2 {
	font-size: 16px;
	color:#e9a038;
	font-weight: bold; 
	text-align: left; 
	margin: 0px 0px 10px 0px; 
	padding: 0px;
	}

#piedinterieur{


margin:0px 20px 0px 10px; 
padding: 0px;
clear:both;

}

#case1{
padding: 0px 10px 10px 0px ;
float:left;
width:280px;
border-right: 1px solid gray;

}


#alerte a:link {
	font: 1100  Arial , Verdana, Helvetica;color:
	#0066CC;text-decoration: none;
}
#alerte a:visited{
font: 1100  Arial, Verdana, Helvetica;color:#0066CC;text-decoration: none;
}
#alerte a:hover{
	font: 1100 Arial , Verdana, Helvetica;color:#FFFFFF;text-decoration: none;
}
#alerte a:active {
font: 1100  Arial, Verdana, Helvetica;color:#999999;text-decoration: none;
}

#case2{

padding: 0px 10px 10px 10px ;
border-right: 1px solid gray;

float:left;
width:280px;
}
#case3{

padding: 0px 0px 10px 10px ;

float:right;
width:280px;
}

#casepied{
font-size: 0.7em;
padding: 10px 20px 10px 10px ;

}
#casepied a:link {
	font: 1000  Arial , Verdana, Helvetica;color:#a8a8a8;text-decoration: none;
}
#casepied a:visited{
font: 1000  Arial, Verdana, Helvetica;color:#165290;text-decoration: none;
}
#casepied a:hover{
	font: 1000  Arial , Verdana, Helvetica;color:#FF5A0B;text-decoration: none;
}
#casepied a:active {
font: 1000 Arial, Verdana, Helvetica;color:#165290;text-decoration: none;
}


.separation {
background-color:#000;
clear:both;
visibility:hidden;
/*padding:-15px;margin:-15px;  */
}


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