/* Feuille de style site Communauté de Communes du Plateau Picard */

/* Positionnement et Styles des blocs de structure principaux */
*{
	margin:0;
	padding:0;
}
h1{
	font-weight:bold;
	font-size:1.4em; 
}
h2{
	font-size:1.05em;
	font-weight:bold;
	}
	h3{
	font-size:0.85em;
	font-weight:bold;
	}
.souligne{
	padding-top:5px;
	clear:both;
	height:1px;
	border-bottom:solid #AAA 1px;}
	
body{
	background: #cccccc; font-family: "Trebuchet MS", Arial;
	}
#cadre{
	width:980px;  margin-left: auto; margin-right: auto; margin-top: 40px; overflow:
	
	}
#page{
	
	width:auto; float:left; background:#FFF;  }
#tete{
	background:url(img/bord-rond-top.gif) no-repeat top center;
	padding:20px 0 0 20px;;
	width:920px; height:120px;float: left; clear:left; 
	}
div#warp #logoArbre{
	background:url(img/logoCCPP-clean2.gif) no-repeat top left;
	height:148px; 
	Width:200px; 
	float:left;
	margin: -60px 0px 0px -40px;
	}
#corps{
	background:#FFF; width:900px; float: left; clear:left; padding-left:20px;
	margin-top:10px;
	}
#pied{
	background:url(img/bord-rond-bot.gif) no-repeat top center;
	width:940px;
	float: left; 
	clear:left;
	height:35px; 
	padding-top:5px; 
	text-align:center;  
	font-size:70%;
	margin-top:10px;
	display:inline;

	}
	#piedsommaire{
	background:url(img/bord-rond-bot.gif) no-repeat top center;
	width:940px;
	float: left; 
	clear:left;
	height:35px; 
	padding-top:5px; 
	text-align:center;  
	font-size:70%;
	display:inline;

	}
div#warp div#logoArbre h1#logo{
	padding-top: 137px;
	padding-left:50px;
	
	font-size:10px;
	font-weight:normal;
	font-style:italic;
	border-bottom:solid #FC3 1px;
	
}

div#tete a {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#000}
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/* Positionnement des blocs de contenu */
#gauche{
	background:#FFF; width:180px; float:left; margin:0px 20px 30px 0px;
	}
#droite{
	background:#FFF; 
	width:180px; 
	float:right; 
	margin:4px 0px 30px 20px;
	}
#centre{
	background:#FFF; 
	width:500px; 
	float:left; 
	margin:0px 0px 0px 0px;
	}
	#centre h1 {
	color:#FA0; 
	display:block;
	}
	
/*----------------------------------------------------------------------------------------------------------------------------------------*/	
/* Positionnement des blocs contenus dans la colonne de droite */
#agendaDroite{
	float:left; width:180px; margin:0px 0px 5px 0px;
	}
#brevesDroite{
	float:left;  width:180px; margin:0px 0px 5px 0px;
	}
#sitesReferenceDroite{
	float:left;  width:180px; margin:0px 0px 5px 0px;
	}


/*----------------------------------------------------------------------------------------------------------------------------------------*/
/* Positionnement des blocs contenu dans la colonne centrale */






/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*Positionnement des blocs contenus dans la colonne de Gauche */
#agendaGauche{
	float:left; width:180px; margin: 0px 0px 10px 0px;
	}
#menuGauche{
	float:left; width:180px; margin: 0px 0px 0px 0px
	;}



/*----------------------------------------------------------------------------------------------------------------------------------------*/
/* Style spécifiques des blocs de la colonne centrale*/
/*Bloc Descriptif Centre*/
/*
#descriptif {font-weight:bold; font-size:100%;}
#descriptif p {margin:0px;}
#centre h3{text-align:left; font-style: bold; font-size:  font-size:115%;; color: #82B428; margin: 0 0 8px 0;}
#centre ul{}
#centre p {margin: 0px 8px 8px 0px;  color:#000;}
*/
/*bloc corps article*/
#corpsArticle {	
background:#FFF;
width:500px; 
float:left;
margin:0px 0px 0px 0px;
}
#corpsArticle li {
list-style-position:inside;margin: 0 0 0px 0;
	}
#corpsArticle .surtitre {
	 font-weight:bold;
	}
#corpsArticle  .titre h1{
	color:#328214;
 font-weight:bold;
	}
#corpsArticle .soustitre {
	 font-weight:bold;
	}
#corpsArticle .chapeau {
	 font-weight:bold;
	 font-style:italic;
	}
#corpsArticle .texteArticle h3.spip{
	font-size:1.35em;
	}
	#corpsArticle .texteArticle {
		font-size:0.8em;
		}
#corpsArticle p {
	margin: 0 8px 8px 0px;
	}
#corpsArticle p.spip {
	margin: 0 8px 8px 0px;
	}
#corpsArticle .notesBP{ 
 font-style: italic; line-height: 100%
}




/*----------------------------------------------------------------------------------------------------------------------------------------*/
/* Pour les styles des titres générés par SPIP voir en bas de la feuille CSS*/

#hierarchie {
	color: #000; text-decoration:none; 
	font-size:70%; 
	margin: 0px 0px 8px 0px;
	}
#hierarchie a {
	text-decoration: none;
	}
#descriptif{	
	float:left; 
	width:100%;
	margin-top:0px;
	padding:0;
	color: #000; 
	text-decoration:none; 
	margin:0;
	}
#descriptif h1{
	color:#328214;
	}	
#descriptif h3 {
	font-size:130%; line-height:150%;
	margin-left:10px;
	}
#descriptif p {
	font-size:70%; line-height:85%; font-style:italic; font-weight:bold; margin: 0 0px 8px 0
	}



/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*Bloc Agenda Centre */

#agendaCentre {
	float:left; 
	width:498px; 
	margin: 0px 0px 20px 0px;
	font-size:70%;
	}
#agendaCentre ul { 
padding-left: 5px; margin:1px 0px 0px 8px;
}
#agendaCentre li {
		list-style-position:inside;
		padding:0;
}
	#agendaCentre span#basagendacentre {
		display:block;
		height:20px;
		background:url(img/cadrevert-bot.gif) no-repeat;
	}	
#agendaCentre li p {
	margin:0px; color:#000;
	}
#agendaCentre .agendaC {
	list-style-type:disc; color:#328214; list-style-position: inside;
	}
	#agendaCentre .breveContent{
			clear:both;
			}



/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*Style des liens de l'agenda central */
#agendaCentre a {
	margin-left: 0; 
	font-size:120%;
	color:#FA0;
	}
#agendaCentre a:link {
	text-decoration: none;
	}
#agendaCentre a:visited {
	text-decoration: none;
	}
#agendaCentre a:hover {
	text-decoration: underline;
	}



/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*Bloc Contenu Rubrique Centre */
#memeRubriqueCentre {
	float:left;
	clear:left;
	width:500px; 
	margin: 10px 0px 20px 0px;
	}
#memeRubriqueCentre ul {
	list-style-type:none; color:#82B428; list-style-position: outside; padding-left: 0px; margin:1px 0px 0px 10px;
	}
#memeRubriqueCentre ul li {
	margin-bottom:4px; clear:both;
	}
#memeRubriqueCentre li p {
	margin:0px; color:#000;
	}
	div#memeRubriqueCentre span#descript {
	font-size:0.8em;
	font-weight:normal;
	}
#memeRubriqueCentre h2{
	color:#328214;}


/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*Style des liens du bloc Contenu Rubrique Centre */
#memeRubriqueCentre
a {
	margin-left: 0; color:#328214;}
#memeRubriqueCentre a:link {
	text-decoration: none; 
	color:#328214;
	}
#memeRubriqueCentre a:visited {
	color:#328214;
	text-decoration: none; 
	;}
#memeRubriqueCentre a:hover {
	color:#328214;
	text-decoration: underline; 
	;}




/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*Bloc Brèves Centrales */
#brevesCentre {
	float:left; 
	width:180px; 
	background:url(img/cadrejaunemini-mid.gif) repeat-y;
	}
#brevesCentre ul {
	list-style-type:none; list-style-position: outside; padding-left: 0px; margin:0px 8px 8px 8px;
	}
#brevesCentre ul li {
			margin-left:7px;
		margin-right:7px;
	margin-bottom: 4px;
	}
div#brevesCentre span#topbreves {
	color:#FA0; font-weight:bold;padding-left:0.5em; 
	display:block;
	background:url(img/cadrejaunemini-top.gif) no-repeat;
	}
#brevesCentre p {
	font-size:0.7em;
	margin:0px; color:#000;
	}
	div#brevesCentre span#basbreves {
		display:block;
		height:20px;
		background:url(img/cadrejaunemini-bot.gif) no-repeat;
		}


/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*Style des liens des Brèves centrales */
#brevesCentre a {
	clear:both;
	font-size:0.85em;
	margin-left: 0;
	}
#brevesCentre a:link {
	clear:both;
	font-size:0.85em;
	text-decoration: none; color:#FA0;
	}
#brevesCentre a:visited {
	clear:both;
	font-size:0.85em;
	text-decoration: none; color:#FA0;
	}
#brevesCentre a:hover {
	clear:both;
	font-size:0.85em;
	text-decoration: underline; color:#FA0;
	}



/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*Bloc Sites réferencés Centre */
#sitesReferenceCentre {
	float:left; 
	width:180px; 
	margin: 0px 0px 0px 0px;
	float:left;
	width:180px;
	margin: 0px 0px 0px 0px;
	background:url(img/cadrebleudmini-mid.gif) repeat-y;
	}
#sitesReferenceCentre ul {
	list-style-type:none; list-style-position: outside; padding-left: 0px; margin:1px 8px 8px 8px;
	}
	#sitesReferenceCentre h3{
		font-size:1.15em;
	}
#sitesReferenceCentre ul li {
	font-size:0.7em;
	margin-bottom: 8px;
	margin:0 7px 0 7px;
	}
#sitesReferenceCentre span#topsiteref {
	color:#5082C8; font-weight:bold; padding-left: 0.5em;
	display:block;
	background:url(img/cadrebleudmini-top.gif) no-repeat;
	}
#sitesReferenceCentre  p {
	margin:0px; color:#000;
	}
	div#sitesReferenceCentre span#bassiteref{
		display:block;
		height:20px;
		background:url(img/cadrebleudmini-bot.gif) no-repeat;
		}


/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*Style des liens des sites réferencés */
#sitesReferenceCentre a {
	margin-left: 0;
	}
#sitesReferenceCentre a:link {
	text-decoration: none; color:#5082C8;
	}
#sitesReferenceCentre a:visited {
	text-decoration: none; color:#5082C8;
	}
#sitesReferenceCentre a:hover {
	text-decoration: underline; color:#5082C8;
	}



/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*Styles spécifiques des blocs de la colonne de gauche*/
/*Styles de l'agenda de gauche*/
#agendaGauche {
	background-color:#328214; font-size:70%;
	}
#agendaGauche li {
	list-style-type:disc; list-style-position:inside; color:#FFF; padding-left:5px; margin:1px 8px 8px 0px;
	}
#agendaGauche span#topagendaG {
	border-bottom:solid #FFF 1px;
	color:#FFF;
	font-weight:bold; 
	font-size:115%;
	padding-left: 0.5em;
	display:block;
	background:url(img/cadrevertfull-top.gif) no-repeat;
	}
#agendaGauche li p {
	margin:0px; color: #000;
	}
	div#agendaGauche div#botagendaG{
		padding:0;
		margin:0;
		display:block;
		height:20px;
		background:url(img/cadrevertfull-bot.gif) no-repeat;
		}

/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*Style des liens de l'agenda de gauche */
#agendaGauche a {
	margin-left: 0;}
#agendaGauche a:link {text-decoration: none; color:#FFF;
}
#agendaGauche a:visited {
	text-decoration: none; color:#FFF;
	}
#agendaGauche a:hover {
	text-decoration: underline; color:#FFF;
	}



/*----------------------------------------------------------------------------------------------------------------------------------------*/
/* Styles spéficiques du menu de Navigation de gauche*/
#menuGauche{
	font-size:80%; line-height:115%;
	}
#menuGauche ul {
	padding:0px 0px 0px 0px; margin: 0;
	}
#menuGauche li {
	list-style-type:none;
	}
#menuGauche a {
	display:block; 
	background-image:url(img/btn-vert.gif);
	color:#FFF; 
	text-decoration:none; 
	margin-top: 5px; 
	padding:4px 0 4px 4px; 
	text-indent:0.2em; cursor:pointer;
	}
#menuGauche a:hover, a:active{
	color:#FA0;
	}




/*----------------------------------------------------------------------------------------------------------------------------------------*/
/* Style spécifiques des blocs de la colonne de Droite*/
/*Bloc Actus à droite*/
#agendaDroite {
	font-size:70%;
	background:url(img/cadrevertdmini-mid.gif) repeat-y;
	}
#agendaDroite ul {
	list-style-type:disc;
	color:#326214; 
	padding-left: 10px;
	margin:1px 0 10px 10px;
	}
#agendaDroite ul li {
	margin-bottom:8px;
	}
#agendaDroite span#topagendacentre {
	border-bottom:solid #328214 1px;
	color:#326214; 
	font-weight:bold; 
	font-size:115%; 
	padding-left: 0.5em;
	display:block;
	background:url(img/cadrevertdmini-top.gif) no-repeat;
	}
#agendaDroite li p {
	margin:0px; 
	color: #000;
	}
	#agendaDroite span#basagendacentre{	
		display:block;
		height:20px;
		background:url(img/cadrevertdmini-bot.gif) no-repeat;
	}




/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*Style des liens des Actus de droite */
#agendaDroite a {margin-left: 0;}
#agendaDroite a:link {text-decoration: none; color:#000;}
#agendaDroite a:visited {text-decoration: none; color:#000;}
#agendaDroite a:hover {text-decoration: underline; color:#000;}



/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*Bloc contacts à droite*/
#contactsDroite {
	float:left;  
	width:180px; 
	margin:0px 0px 5px 0px;
	padding: 0 8px 0 8px; 
	background:url(img/cadrerouge-midbis.gif) repeat-y; 
	}
	#contactsDroite li {
	font-size:0.8em;
	padding-right:8px;
	list-style-type:none; 
	}
	#contactsDroite h2{
	padding-left:10px;	
	}
#contactsDroite span#topcondrt {
	margin-left:-8px;
	

	display:block;
	background:url(img/cadrerouge-topbis.gif) no-repeat;
	color:#FF5000; 
font-weight:bold; 
padding-left: 0;
}
#contactsDroite span#topcondrt span#contact{
	padding-left:8px;
	
}	
#contactsDroite span#bascondrt {
	margin-left:-8px;
	padding-right:-13px;
	display:block;
	height:20px;
	background:url(img/cadrerouge-botbis.gif) no-repeat;
	
}	
#contactsDroite p {
	margin:0px 15px 0px 8px;
	color: #000;
	font-size:0.7em;
	}
	
#contactsDroite  ul li a{
	font-size:100%;
}


/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*Style des liens des contacts de droite */
#contactsDroite a {margin-left: 0;}
#contactsDroite a:link {text-decoration: none; color:#000;}
#contactsDroite a:visited {text-decoration: none; color:#000;}
#contactsDroite a:hover {text-decoration: underline; color:#000;}


/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*Bloc Telechargements à droite*/
#telechargementsDroite {
	float:left;  
	width:180px; 
	margin:10px 0 10px 0;
	padding:0;
	background:url(img/cadrebleud-mid.gif) repeat-y;
	
	}
#telechargementsDroite ul {

color:#0006AA; margin:1px 0px 8px 8px;}
#telechargementsDroite ul li {
	font-size:0.7em;
	list-style-type:none;
	margin-right:7px;
	margin-left:7px;
	} 
#telechargementsDroite span#topdldrt {
	display:block;
	background:url(img/cadrebleud-top.gif) no-repeat; 
	color:#0006AA; 
	font-weight:bold;
	padding-left: 0.5em;
	}
	div#telechargementsDroite span#basdldrt{
		display:block;
		height:20px;
		background:url(img/cadrebleud-bot.gif) no-repeat;
		}
#telechargementsDroite li p {margin:0px; color: #000;}

#telechargementsDroite li a{
}

/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*Style des liens des téléchargements de droite */

#telechargementsDroite a:link {text-decoration: none; color:#000;}
#telechargementsDroite a:visited {text-decoration: none; color:#000;}
#telechargementsDroite a:hover {text-decoration: underline; color:#000;}



/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*Bloc Articles contenus dans la même rubrique à droite*/
#ArticlesMemeRubriqueDroite {
	float:left; 
	width:180px;
	margin:0px 0px 5px 0px;
	background:url(img/cadrevertmini-mid.gif) repeat-y;
}
#ArticlesMemeRubriqueDroite ul {
	list-style-type:none; 
color:#82B428; 
padding-left: 5px; 
margin:1px 8px 8px 8px;}
#ArticlesMemeRubriqueDroite ul li {
	font-size:0.7em;
	list-style-position:inside;
	} 
#ArticlesMemeRubriqueDroite span#topmrbdrt {
	display:block;
	background:url(img/cadrevertmini-top.gif) no-repeat; 
	color:#82B428;
	font-weight:bold; 
	padding-left: 0.5em;}
#ArticlesMemeRubriqueDroite li p {margin:0px; color: #000;}
div#ArticlesMemeRubriqueDroite span#basmrbdrt{
		display:block;
		height:20px;
		background:url(img/cadrevertmini-bot.gif) no-repeat;
		}


/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*Style des liens des Articles contenus dans la même rubrique à droite */
#ArticlesMemeRubriqueDroite a {margin-left: 0;}
#ArticlesMemeRubriqueDroite a:link {text-decoration: none; color:#000;}
#ArticlesMemeRubriqueDroite a:visited {text-decoration: none; color:#000;}
#ArticlesMemeRubriqueDroite a:hover {text-decoration: underline; color:#000;}



/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*Bloc Référencés dans la même rubrique à droite*/
#sitesReferenceDroite { 
background:url(img/cadrebleudmini-mid.gif) repeat-y;
font-size:70%;
}
#sitesReferenceDroite ul {padding-left: 10px; margin:1px 8px 10px 0px;}
#sitesReferenceDroite ul li { 
	list-style-position:inside
	} 
#sitesReferenceDroite span#topsiterefdrt {
	display:block;
	background:url(img/cadrebleudmini-top.gif) no-repeat; 
	color:#5082C8;
	font-weight:bold;
	font-size:115%;
	padding-left: 0.5em;
	}
#sitesReferenceDroite li p {
	margin:0px; color: #000;
	}
div#sitesReferenceDroite span#bassiterefdrt{
		display:block;
		height:20px;
		background:url(img/cadrebleudmini-bot.gif) no-repeat;
		}



/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*Style des liens des sites Référencés dans la même rubrique à droite */
#sitesReferenceDroite a {margin-left: 0;}
#sitesReferenceDroite a:link {text-decoration: none; color:#000;}
#sitesReferenceDroite a:visited {text-decoration: none; color:#000;}
#sitesReferenceDroite a:hover {text-decoration: underline; color:#000;}




/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*Bloc des Brèves à droite*/
#brevesDroite { 
font-size:70%;
background:url(img/cadrejaunemini-mid.gif) repeat-y;
}
#brevesDroite ul {list-style-type:disc; color:#FA0; padding-left: 10px; margin:1px 0 10px 10px;}
#brevesDroite ul li {
	list-style-position:inside
	} 
#brevesDroite span#topbrevedrt {
	display:block;
	background:url(img/cadrejaunemini-top.gif) no-repeat;
	color:#FA0;
	font-weight:bold;
	font-size:115%;
	padding-left: 0.5em;
	}
#brevesDroite li p {
	margin:0px;color:#000;
	}
div#brevesDroite span#basbrevedrt{
		display:block;
		height:20px;
		background:url(img/cadrejaunemini-bot.gif) no-repeat;
		}



/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*Style des liens des Brèves droite */
#brevesDroite a {margin-left: 0;}
#brevesDroite a:link {text-decoration: none; color:#000;}
#brevesDroite a:visited {text-decoration: none; color:#000;}
#brevesDroite a:hover {text-decoration: underline; color:#000;}


/*----------------------------------------------------------------------------------------------------------------------------------------*/

#tete a {display: block; size:100%;}
div#warp {
	background-image:url(img/tete.gif);
	background-position:left top;
	background-repeat : no-repeat; 
	width:900px;
	height:125px;
	
	


}




/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*Styles de SPIP définis normalement dans SPIPSTYLE.CSS*/
.on{color: #FA0}
h3.spip {text-align:left;
font-style: bold; 
line-height:100%; 
color: #328214 ;
margin: 8px 0 4px 0;}
h4.spip {text-align:left; font-style: bold; font-size: 115%; color: #82B428; margin: 4px 0 4px 0;}
h5.spip {text-align:left; font-style: bold; font-size: 115%; color: #82B428 ; margin: 4px 0 4px 0;}
p.spip {margin: 0 0px 4px 0}
img.spip {margin: 0;}





/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*

#ContactsDroite li.spip {list-style-type:disc; color:#FF50000; margin-left: 1px; }

.spip_puce {list-style-type:disc; color:#FF50000; margin-left: 1px; }
/*marge pour les logos gérés par SPIP*/
.spip_logos {
	margin: 0px 10px 1px 0;

	
	}


/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*Marge pour les SPAN qui servent à écarter le texte des bordures*/
#span{margin-right: 0.5em;}



/*----------------------------------------------------------------------------------------------------------------------------------------*/
/* Style des Puces <LI> */
.breves{
	list-style-type: none;
	
	pading-bottom:5px;
	margin-top:5px;
	}
.sitesref{list-style-type: none;}
.agendaC{list-style-type: none;}
.agendaD{list-style-type: none;}
.rubri{
	list-style-type: none;
	font-weight:bold;
	}
.telchgmt{list-style-type: disc; color: #0006AA;}

/*Style des différents <SPAN>*/

div.cartouche h1{
	
	font-weight:bold;
	}
	div.texte p{
		font-size:0.8em;
		}
		p.lien{
				font-size:0.8em;
	}
	div.texte li{
		font-size:0.8em;
		list-style-type:none;}
	div.espDl{
		height:13px;}