BODY {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 14px;
	/* margin-left: 80; 
	margin-right: 10;*/
	background-attachment: scroll;
	background-color: White ;
	z-index :3;
       text-align: center;
}


H1 {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 20px; 
	margin-top: 20px; 
	/* color : #008E01  ;*/
	color : #096A09; /*#17A308;*/ /*#A02C68; */
	/* COLOR: #990000;  */
	PADDING-TOP: 0.5em; 
	/* #8cacbb */
	BORDER-BOTTOM:  Black 1px solid; 
	FONT-FAMILY: Verdana, Arial, sans-serif; 
}

H1 A:Hover {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 20px; 
	MARGIN: 0px; 
	/* color : #008E01  ;*/
	color : #096A09; /*#17A308;*/ /*#A02C68; */
	/* COLOR: #990000;  */
	PADDING-TOP: 0.5em; 
	/* #8cacbb */
	BORDER-BOTTOM:  Black 1px solid; 
	FONT-FAMILY: Verdana, Arial, sans-serif; 
	BACKGROUND-COLOR: transparent
}

H1 A {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 20px;
	MARGIN: 0px; 
	/* color : #008E01  ;*/
	color : #096A09; /*#17A308;*/ /*#A02C68; */
	/* COLOR: #990000;  */
	PADDING-TOP: 0.5em; 
	/* #8cacbb */
	BORDER-BOTTOM:  Black 1px solid; 
	FONT-FAMILY: Verdana, Arial, sans-serif; 
	BACKGROUND-COLOR: transparent
}

 H2 {
	FONT-WEIGHT: normal; 
	font-size: 17px;
	FONT-FAMILY: Verdana, Arial, sans-serif; 
	color : #096A09;
	/*	color : #008E01  ;*/
	BORDER-BOTTOM:  Black 0px solid; 
	text-align: center;
  }

h3 {
	font-size: 14px;
	/* FONT-FAMILY: Verdana, Arial, sans-serif; */
	/* color : #096A09  ;*/
	/*BORDER-BOTTOM:  Black 1px ;*/
     text-align: center;
}

h3 p{ text-align: center; }

H4 {
   font-size: 11px;
   FONT-FAMILY: Verdana, Arial, sans-serif; 
   color : #096A09  ;
   BORDER-BOTTOM:  Black 1px solid; 
 }

H5 {
    font-size: 10px;
	color : #008E01  ;
	BORDER-BOTTOM:  Black 1px solid; 
	}
	
H6 {
    font-size: 9px;
	color : #096A09  ;
	BORDER-BOTTOM:  Black 1px solid; 
}

th {
	font-weight: lighter;
	font-style: oblique;
	color: black;
}


ul {
list-style: square;
		/* background-image:   url("./img/puce.gif");*/
}

a {/* font-size: 10px; */} 

 a:Hover {
	text-decoration: underline ;
	color: #008E01;
	/* font-weight: bold;*/
	/*	font-size: larger;*/
}

td {  vertical-align: top; }

.liens_titres { 
                color: white;
                font-weight: bold;
                font-size: 8pt;
                }

.liens_titres:hover { 
                      text-decoration: underline;
                }


table { 
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 		font-size: 10px;
}



HR {
	color: yellow;
	height: 1pt;
}

p{
   width: 100%;
   text-align: justify;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-indent: 20px;
   font-size: 11px;
   margin: 0 0 10px 0;
   background-color: #FFFFFF;
  
}

#conteneur {
	width: 800px;
	/*margin-left: auto;
        margin-right: auto;*/
             left: 50%;
             margin-left: -400px;
position: absolute;
        text-align: left;
}

#header {
margin: 0 0 0 20px;
}


#pied {
	height: 10px;
	background-color: #FFFFF;
	border-top: 1px solid;
	border-left: 0px solid;
	border-right: 0px solid;
	border-bottom: 0px solid;
}

#centre {
	background-color: transparent;
	border-left:  0px solid;
	border-right: 0px ;
}

.menuhaut {
list-style-type: none;
background-color:Blaxk ;

}
.menuhaut li {
display: inline;
}
.menuhaut a:hover {
	text-decoration: none;
	color: Purple;
}


PRE {
	 BORDER-RIGHT: #8cacbb 1px solid; 
	 PADDING-RIGHT: 1em; 
	 BORDER-TOP: #8cacbb 1px dashed;  
	 PADDING-LEFT: 3em; 
	 FONT-SIZE: 120%; 
	 PADDING-BOTTOM: 3em; 
	 BORDER-LEFT: #8cacbb 1px solid; 
	 COLOR: black; 
	 PADDING-TOP: 1em; 
	 BORDER-BOTTOM: #8cacbb 1px solid; 
	 BACKGROUND-COLOR: #F5FFFA;
}

.pre A {
	TEXT-DECORATION: underline
}

td.portlet {
	background-color: #E0E7F3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	z-index:2;
}

td.portlet-content {
                     background-color: White;
                     border: 1px solid #1E2A63;
                     font-family: Verdana, Arial, Helvetica, sans-serif;
                     /*font-size: 10pt;*/
                     padding: 0 5px 0 5px;
                     text-align:left; 
                     z-index:6;
}

td.portlet-content-color {
	background-color: #859ECF;
	border: 1px solid #1E2A63;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	
}

/* Pour les titres news ECAP */
td.portlet-title-saviezvous {
 	background-color: #9E0E40; /*#17A308;  */
	color: White;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	 /* font-weight: bold; */
	height: 20px;
	text-align: center;
	width: 100%;
	z-index:6;
}

/* Couleur des liens saviez vous */
td.portlet-content-saviezvous {
	background-color: White;
	border: 1px solid #1E2A63;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/* font-size: 10pt;*/
    text-align:left; 
    z-index:6;
}

.portlet-content-saviezvous a { color: black; text-decoration: none; }

td.portlet-content-saviezvous A:Hover {
	text-decoration: underline ;
	color: #9E0E40; /* #A02C68; */
	/* font-weight: bold; */
	/*	font-size: larger;*/
}

/* Pour les titres news ECAP */
td.portlet-title-news{
 	background-color: #096A09;  /*#DE9816;*/ /*#73031C;*/  /* #A02C68 */ 
	color: White;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold; 
	height: 20px;
	text-align: center;
	width: 100%;
	z-index:6;
}

td.portlet-content-news {
                          background-color: White;
                          border: 1px solid #1E2A63;
                          font-family: Verdana, Arial, Helvetica, sans-serif;
                          /* 	font-size: 10pt; */
                          padding: 0 5px 0 5px;
                          text-align:left; 
                          z-index:6;
                          }

.portlet-content-news a { color: black; text-decoration: none; }

td.portlet-content-news A:Hover {
	text-decoration: underline ;
	color: #17A308;
/*	font-weight: bold;*/
	/*	font-size: larger;*/
}

/* cell title of list article portlet */
td.portlet-title-list {
	background-color: #1E2A63;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	height: 20px;
	text-align: left;
	width: 80%;
}


/* Habillage du mini calendrier */
 	#calendar { text-align: center; }
 	#calendar table { width: 150px; margin: 0 auto; padding: 0; text-align: center; }
 	#calendar .mois { margin: 0.5em 0; font-weight: bold; text-align: center; font-size: xx-small;}
 	#calendar th { background: #ccc; font-weight: normal; color: #666; }
 	#calendar th abbr { border: none; cursor: help; }
 	#calendar td { margin: 0; padding: 0; border: none; text-align: center; background: #ddd; line-height: 1.6em; }
 	#calendar td.horsperiode { background: #ececec; color: #ccc; }
 	#calendar td.occupe { background: #ececec; }
 	#calendar td a { 
                         text-decoration: none; 
                         display: block; 
                         background-color: #f3a05c;
                         }
 	#calendar td span { color: #aaa; }
 	#calendar td a:hover { color: #fff; }
 	
 	/* microformats hcal */
 	.vevent {
 	        background: #eee;
 	        border: 2px solid #ececec;
 	        -moz-border-radius: 1em;
 	        margin: 10px auto;
 	        padding: 10px;
 	        min-height: 80px; }
 	.vevent .summary, .vevent .summary a { color: #000; }
 	.vevent .summary a:hover { text-decoration: underline; }
 	
 	/* */
 	.vevent .description, .vevent .metadata { display: none; }
 	.page_item .vevent .description, .page_item .vevent .metadata { display: block; }
 	.vevent .spip_logos { margin: 0 10px 10px 0; float: left; }
 	.page_item .vevent .spip_logos { margin: 0 0 10px 10px; float: right; }
 	
 	/* */
 	.vevent .date {}
 	.vevent .dtstamp { border: none; }
 	.vevent .dtstart, .vevent .dtend { display: none; }
 	.vevent .location {}

.titreagenda { 
              text-indent: -5.5ex; 
              margin-left: 5.5ex; 
              margin-top: .5em;
              /* color: #9E0E40; */
              color: #096A09;
              display: block;
}

/* Copie de titreagenda, à l'exception du color. Si on met color dans un style=""..." sur sommaire.html, le :hover reste noir." */
.titreagendasommaire { 
              text-indent: -5.5ex; 
              margin-left: 5.5ex; 
              margin-top: .5em;
              display: block;
}

.agenda { margin: 5px ; }

.calendrier { border: 1px solid #ccc; }

.spip_documents_center { 
                         text-align: center; 
                         display: block; /* nécessaire pour les images, 
                                            car la classe est alors affectée 
                                            un span ...*/
                         margin: 20px;
                         text-indent: 0px;
                         }

.spip_documents_center dd { text-align: justify ; 
width: 200px;
margin-left: auto;
margin-right: auto;
}

.spip_documents_left { text-align: left
                       /*float: left;*/
                       display: block;
                       margin-right: 10px; }


.spip_documents_right { text-align: right
                        float: right; 
                        margin-left: 10px;}

.spip_doc_descriptif { text-align: left ;
                       margin : 0px;
                       width: auto;
 }


.caractencadre-spip { 
                      color: #ff6600;
                      font-size: 150%;
                      font-weight: bold;

 }

.row_even { text-align: justify  }