/*de base */
html { 
  font-size: 100%; /* Évite un bug d'IE 6-7.  */ 
} 
body {	
	background-color: #cccc9a;
	margin-top: 0px;		
	}
em {
	font-style: italic;
}
a img
{
border: none;
} 
 
strong {
	font-weight: bold;
	letter-spacing: 1px 
}
a:link,a:visited {
	color: blue;
	text-decoration: underline;
}

h3,h4,h5 {
	color: #122307;
	font-family: 'Bitsream Vera Sans', 'Lucida Grande', Helvetica, Verdana, sans-serif;
	font-weight: 900;
	letter-spacing: 1px;
	margin-bottom: 8px;
	margin-top: 0px;

	text-align: left;
}
h2{
	font-size: 18pt;
	color: #2f4f4f;
	font-family: "Times New Roman", Times, serif;
	font-weight: 900;
	letter-spacing: 1px;
	margin-bottom: 8px;
	margin-top: 0px;
	text-align: left;
}
h3 {
	font-size: 13pt;
}
h4 {
	font-size: 12pt;
	}
h5 {
	font-size: 10pt;
	}
h1 {
	color: #4c981c;
	font-size: 17pt;
	font-variant: small-caps;
	margin-top: 0px;
	border-bottom-style: dotted;
}
h6 {
	color: #b8860b;
	font-family: 'Bitsream Vera Sans', 'Lucida Grande', Helvetica, Verdana, sans-serif;
	font-size: 12pt;
	letter-spacing: 1px;
	margin-bottom: 0px;
	margin-top: 17px;	
	text-align: left;
}
blockquote {
	font-style: italic;
}

hr
{
	color: #cccc9a;
}
input, button, select { 
  vertical-align: middle; /* Solution pb. d'alignement. */ 
}
/*fin de base*/

/* class */
.fondsignaction
{
	background-color: #f8f4ea;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: justify;
	border: thin solid black;
	margin-left: 2%;
	margin-right: 2%;
	padding-left: 5px;
	padding-right: 5px;
}
.enavant
{
	color: Black;
	background-color: #EBEBEB;
	margin-right: 8%;
	margin-left: 8%;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 1%;
	padding-bottom: 1%;
}
.enavant_don
{
	color: Black;
	background-color: #EBEBEB;
	margin-right: 6%;
	margin-left: 6%;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 1%;
	padding-bottom: 1%;
	font-size: 90%;
	font-style: italic;
}
.enavant_com
{
	margin-right: 25%;
	margin-left: 25%;
	text-align: center;
	padding-bottom: 4px;
	padding-top: 3px;
	border-bottom:  thin dashed #000000;
	border-top: thin dashed #000000;
}
.enavant_fichemanif
{
	margin-right: 25%;
	margin-left: 25%;
	text-align: center;
	font-size: 250%;
	padding-bottom: 4px;
	padding-top: 3px;
	border-bottom: thin dashed #000000;
	border-top: thin dashed #000000;
}
.encadre
{
	border: thin solid Green;
	margin-right: 5%;
	margin-left: 5%;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 1%;
	padding-bottom: 1%;
}
.encadre_don
{
	border: thin solid Green;
	font-size: 1.5em;
	margin-right: 5%;
	margin-left: 5%;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 1%;
	padding-bottom: 1%;
}

.blocflottant_droit
{
	float: right;
	padding-left: 18px;
	padding-right: 5px;
	margin-left: 9px;
	margin-top: 15px;
	border: thin solid Black;
	width: 35%;
	background-color: #EBEBD7;
}
.equot
{
	padding-left: 28px;
	margin-top: 6px;
	margin-left: 25px;
	margin-right: 25px;
	
	border: thin solid Black;
	background-color: #EBEBD7;
}

.imageflottante
{
   float: right;
	padding-left: 5px;
	padding-right: 5px;
	border: 0px;
}
.imageflottantegauche
{
   float: left;
	padding-left: 5px;
	padding-right: 5px;
	border: 0px; 
}
.test{
	height: 100%;
	clear: both;
}
.dessous
{
	clear: both;
	padding-top: 8px;
	font-size: 120%;
}
.enavantrouge {
	color :red;
	font-weight: bold;
	text-align: center;
	}
	.enavantrougedate {
	color: red;
	
	font-weight: bold;
	text-align: left;
	padding-left: 40%;
}
	.enavantdate {
	color: maroon;
	text-align: center;
	border-bottom: thin double #666634;
	border-top: thin double #666634;
	margin-left: 10%;
	margin-right: 10%;
	font-size: larger;
	margin-bottom: 16px;
	padding-top: 15px;
}
.enavanindex {
	color: InfoBackground;
	text-align: center;
	background-color: #666634;
	border: thin solid black;
	margin-left: 25px;
	margin-right: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 8px;
	padding-top: 8px;
}
.index_action {
	color: #663300;
	font-size: 14pt;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
}
.exergue_petition {
	color: #2f4f4f;
	text-align: justify;
	line-height: inherit;
	padding-left: 28px;
	padding-right: 38px;
}	
.exergue_comm {
	color: #2f4f4f;
	text-align: right;
}
.signe_pet {
	text-align: center;
	font-size: xx-small;
	margin-bottom: 0px;
	margin-top: 0px;
	}
.desc_asso
{
	font-size: 10px;
	padding-left: 12px;
}
.petitnb
{
	font-size: xx-small;
	font-style: italic;
	color: #750000;
}
.haut_petitions
{
	padding-left: 8px;
	padding-right: 8px;
	text-align: center;
}
.cadrehaut a:link
{
	color: blue;
	font-family: 'Bitsream Vera Sans', 'Lucida Grande', Helvetica, Verdana, sans-serif;
	font-weight: lighter;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
}
.cadrehaut a:visited
{
	color: blue;
	font-family: 'Bitsream Vera Sans', 'Lucida Grande', Helvetica, Verdana, sans-serif;
	font-weight: lighter;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
}
.cadrehaut a:hover
{
	color: #990000;
	font-family: 'Bitsream Vera Sans', 'Lucida Grande', Helvetica, Verdana, sans-serif;
	font-weight: lighter;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
}

.cadregauche a:link,.cadregauche a:visited {
	color: white;
	text-decoration: none;
	font-family: 'Bitsream Vera Sans', 'Lucida Grande', Helvetica, Verdana, sans-serif;
	font-size: 88%;
}
.cadregauche a:hover {
	color: #c7ac60;
	text-decoration: none;
	font-family: 'Bitsream Vera Sans', 'Lucida Grande', Helvetica, Verdana, sans-serif;
	font-size: 88%;
}
.cadredroite a:link,.cadredroite a:visited {
	color: white;
	text-decoration: underline;
}
.cadredroite a:hover {
	color: #ffd4ec;
	text-decoration: underline;
}

.fond_articles {
	background-color: #ebebd7;
	padding-top: 2px;
	padding-bottom: 2px;
}

.fond_articles2 {
	background-color: white;
	padding-top: 2px;
	padding-bottom: 2px;
}
.fond_index_action {
	background-color: #cccc9a;
	padding-top: 2px;
	padding-bottom: 2px;
}
.bouton {
	background-color: #cccc9a;
	border-style: groove;
}
.cadregauche ul
{
	color: white;
	padding-left: 17px;
	list-style-type: circle;
}
.cadregauche li
{	
	padding-left: 3px;
	padding-bottom: 1px;
	margin-top: 5px;
}
.compter {
	font-family: 'Bitsream Vera Sans', 'Lucida Grande', Helvetica, Verdana, sans-serif;
	font-size: medium;
	color: #2f4f4f;
	margin-bottom: 0px;
	text-align: right;
}
.adresse {
	font-family: 'Bitsream Vera Sans', 'Lucida Grande', Helvetica, Verdana, sans-serif;
	font-size: x-small;
	text-align: center;
	color: black;
	margin-bottom: 0px;
}


.chat {
	font-family: 'Bitsream Vera Sans', 'Lucida Grande', Helvetica, Verdana, sans-serif;
	font-size: medium;
	color: black;
	border: thin solid black;
	background-color: #f3f3e7;
	padding: 8px;
}
.td_form {
	background-color: #CCCC9A;
	font-weight: 300;
	color: black;
	text-align: justify;
}

/* id */
#cadrecentral a,#cadrecentral a:visited {
	color: blue;
	text-decoration: underline;
}

#cadrecentral a:hover {
	color: red;
	text-decoration: underline;
}
#menu {
	color: #caae62;
	font-family: 'Bitsream Vera Sans', 'Lucida Grande', Helvetica, Verdana, sans-serif;
	font-size: large;
	margin-bottom: 2px;
}

#code {
	padding-left: 10%;
	padding-right: 10%;
	border-bottom-width: thin;
	border-bottom-color: green;
	border-bottom-style: solid;
	border-top-width: thin;
	border-top-color: green;
	border-top-style: solid;
	border-left-width: thin;
	border-left-color: green;
	border-left-style: solid;
		border-right-width: thin;
	border-right-color: green;
	border-right-style: solid;
}

#formulaire {
	text-align: right;
	color: #666634;
	font-weight: bold;
}

#cadrecentral UL {
	color: #003333;
	list-style-type: square;
	font-size: small;
	margin-left: 3%;
	margin-right: 7%;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: justify;
	list-style-position: inside;
}

#cadrecentral OL {
	color: #000000;
	font-size: small;
	margin-left: 1%;
	margin-right: 7%;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	list-style-position: inside;
}
#cadrecentral Li {
	padding-bottom: 10px;
}

#liste_signe {
	color: black;
	list-style-type: decimal-leading-zero;
	margin-left: 0%;
	margin-right: 0%;
	list-style-position: inside;
}

#nav {
	float: left;
	color: blue;
	background-color: #f0f0f0;
	border: thin solid #666634;
	margin-right: 15px;
	margin-top: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
	font-family: 'Bitsream Vera Sans', 'Lucida Grande', Helvetica, Verdana, sans-serif;
	font-size: inherit;
	letter-spacing: 0px;
	width: 160px;
}
#nav a {
	color: blue;
	text-decoration: none;
	
}
#nav a:visited {
	color: blue;
	text-decoration: none;
}
#nav a:hover {
	color: #8b0000;
	text-decoration: none;
}

TABLE#prof {
	border : 1px solid Background;

}
TD#prof {
	background-color: #DCDCDC;
	vertical-align: text-top;
}

/*les cadres*/
#cadre {
	width: 98%;
	min-height:630px;
	margin: auto;
	padding: 0px;
	background-color: #cccc9a;
	border-left: 1px solid #000000; /* couleur du cadre */
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
}
.cadrehaut {
	background-color: #686836;
	text-align: left;
	font-family: 'Bitsream Vera Sans', 'Lucida Grande', Helvetica, Verdana, sans-serif;
	color: white;
}

.cadregauche {
	float: left;
	text-align: left;
	width: 145px;
	padding: 0px 2px 0px 2px;
	background-color: #cccc9a;
	font-family: 'Bitsream Vera Sans', 'Lucida Grande', Helvetica, Verdana, sans-serif;
	color: #fff2e5;
	margin-left: 11px;
}
#cadrecentral {
	margin-left: 170px;
	min-height: 1000px;
	margin-right: 170px;
	border-left: 2px dotted #686836;
	border-right: 2px dotted #686836;
	border-bottom: 2px dotted #686836;
	border-top: 2px dotted #686836;
	background-color: white;
	padding-left: 7px;
	padding-right: 7px;
	font-family: 'Arial', 'Lucida Grande', Helvetica, Verdana, sans-serif;
	text-align: justify;
	font-size: 12px;
}
.cadredroite {
	float: right;
	text-align: right;
	width: 145px;
	padding: 0px 2px 0px 2px;
	background-color: #cccc9a;
	margin-right: 9px;
	font-family: 'Bitsream Vera Sans', 'Lucida Grande', Helvetica, Verdana, sans-serif;
	font-size: 88%;
}
.droite {
	float: inherit;
	text-align: right;
	width: 140px;
	padding: 0px 2px 0px 2px;
	background-color: #666634;
	border: 1px solid #000000; /* cadre menu */
	color: #ffffff;
	margin-right: 2px;
	margin-bottom: 8px;
	font-family: 'Bitsream Vera Sans', 'Lucida Grande', Helvetica, Verdana, sans-serif;
	font-size: 88%;
}
.gauche {
	float: inherit;
	text-align: left;
	width: 140px;
	padding: 0px 2px 0px 2px;
	background-color: #666634;
	border: 1px solid #000000; /* cadre menu */
	color: #fff2e5;
	margin-right: 2px;
	margin-bottom: 8px;
	font-family: 'Bitsream Vera Sans', 'Lucida Grande', Helvetica, Verdana, sans-serif;
	font-size: 88%;
}


.connect {
	color: #454545;
	text-align: right;
	font-size: 85%;
}