/*  style commun aux pages du site */
/*@import url(css/style.css);*/
@import url(actualite.css);

h1 {
	font-size : 10px;
	font-weight : normal;
	text-align : center;
	margin : 0px;
	color : #FFFFFF;
	}

h2 {
	font-size : 12px;
	text-align : center;
	color : #FFFFFF;
	text-transform : uppercase;
	font-weight : bold;
	margin : 0;
	padding : 13px 0 13px 0;
	}

h3 {
	font-size : 10px;
	color : #FFFFFF;
	text-transform : uppercase;
	font-weight : bold;
	margin : 0;
	padding : 0;
	}

a {
	font-size : 12px;
	color : #FFFFFF;
	text-transform : uppercase;
	text-decoration : none;
	font-weight : bold;
	margin : 0;
	padding : 0;
	}

span {
	font-size : 10px;
	text-align : center;
	color : #FFFFFF;
	}

/*..................
	STRUCTURE
..................*/

body, #header, #page, #pageContenu, #footer {
	margin : auto;
	padding : 0;
	border : 0;
	font-family : arial, sans-serif;
	font-size : 12px;
	overflow : hidden;
 	}

body {
	overflow : auto;
	background : url(../images/fond.jpg) repeat;
	}

/*..................
	HEADER
..................*/

#header {
	clear : both;
	width : 950px;
	height : 80px;
	background : url(../images/top.png);
	}

#copyright {
	width : 258px;
	height : 25px;
	float : left;
	margin : 35px 0 0 0;
	background : url(../images/copyright.png);
	}

#copyright h1 {
	float : left;
	padding : 9px 0 0 34px;
	}

#blocRecherche {
	width : 510px;
	height : 45px;
	float : right;
	margin : 15px 20px 0 0 !important;
	/margin : 15px 10px 0 0;
	background : url(../images/blocRecherche.png);
	}

#newsletter {
	float : left;
	width : 237px;
	margin : 19px 0 0 20px ;
	}

#newsletter span {
	float : left;
	font-size : 12px;
	font-weight : bold;
	text-transform : uppercase;
	}

#clic {
	float : right;
	margin : -4px 0 0 10px;
	width : 20px;
	height : 20px;
	background : url(../images/clic.jpg)
	}


#recherche {
	float : right;
	width : 220px;
	/*height : 20px;*/
	margin : 15px 20px 0 0 !important;
	/margin : 15px 10px 0 0;
	}

.search {
	float : left;
	border : 0;
	width : 195px;
	height : 20px;
	padding : 0 0 0 5px;
	margin : 0;
	}

#boutonRechercher {
	float : right;
	width : 20px;
	height : 20px;
	background : url(../images/ok.jpg)
	}


/*..................
	PAGE
..................*/

#page {
	width : 950px;
	height : auto;
	background : url(../images/page.png) repeat-y;
	}

#pageContenu {
	clear : both;
	width : 898px;
	/*height : 668px;*/
	height : auto;
	}

/*..................
	TOP
..................*/

#banniere {
	clear : both;
	width : 898px;
	height : 90px;
	/*float : right;*/
	background : url(../images/banniere04.jpg);
}

.banneritem a img,
.programmes .partenaireitem a img{
	border-width: 0px;
	max-width: 158px;
}

/*..................
	MENU
..................*/

#menu {
	clear : both;
	width : 898px;
	height : 40px;
	margin : 4px 0px 4px 0px;
	}

.menuBoutons {
	float : left;
	margin : 0 4px 0 0;
	background : url(../images/vert.jpg) repeat-x;
	}

.menuBoutons:hover {
	background : url(../images/vert.jpg) repeat-x;
	}

.menuBoutons a {
	float : left;
	text-align : center;
	padding : 13px 0 13px 0;
	}

#accueil {
	width : 124px;
	background : url(../images/vert.jpg) repeat-x;
	}

#membres, #membres a {
	width : 221px;
	}

#commerceequitable, #commerceequitable a {
	width : 230px;
	}

#engager, #engager a {
	width : 147px;
	}

#ressources, #ressources a {
	width : 160px;
	margin : 0;
	}

/*..................
	HISTORIQUE
..................*/

#historique {
	clear : both;
	width : 898px;
	height : 20px;
	margin : 4px 0 4px 0;
	background-color:#007297;
	padding-left: 5px;
	}

#historique a {
	float : left;
	font-size : 10px;
	color : #333333;
	margin : 5px 0 0 5px;
	}

#historique a:hover {
	/*color : #007297;*/
	color : #9cc22d;
	}

#historique span.breadcrumbs, #historique span a{
	float : left;
	font-size : 10px;
	color : #333333;
	margin : 2px 0 0 10px;
	text-transform : uppercase;
	font-weight : bold;
}

#historique span a:hover {
	/*color : #007297;*/
	color : #9cc22d;
}

/*..................
	CONTENU
..................*/

#contenu {
	clear : both;
	width : 898px;
	margin : 4px 0 4px 0;
	}

#sidebar {
	float : left;
	width : 250px;
	margin : 0 4px 0 0;
	}

.acces {
	float : left;
	width : 250px;
	height : 40px;
	margin : 0 0 4px 0;
	background : url(../images/vert.jpg) repeat;
	}

.acces:hover {
	background : url(../images/vert.jpg) repeat;
	}

.acces a {
	float : left;
	width : 230px;
	font-size : 10px;
	padding : 14px 10px 12px 10px;
	background : url(../images/fleche.png) no-repeat 229px 12px;
	}

#poster {
	float : left;
	width : 250px;
	height : 374px;
	background : url(../images/poster.jpg);
	}

#blocActus {
	float : right;
	width : 644px;
	height : auto;
	/*margin : 0 0 4px 0;*/
	margin: 0;
	}


#focus {
	float : left;
	width : 400px;
	height : 300px;
	background : url(../images/focus.jpg);
	margin : 0 4px 0 0;
	}

#focus a {
	float : left;
	width : 390px;
	font-size : 10px;
	padding : 14px 0 14px 10px;
	background : url(../images/actuClic02.png) 100%;
	}

#focus a:hover {
	background : url(../images/actuClicVert02.png) 100%;
	}

.actus {
	float : left;
	width : 240px;
	height : 83px;
	margin : 0 0 4px 0;
	}

.actus a {
	float : right;
	width : 220px;
	font-size : 10px;
	padding : 14px 10px 14px 10px;
	margin-bottom: 10px;
	background : url(../images/actuClic02.png) 100%;
	}

.actus a:hover {
	background : url(../images/actuClicVert02.png) 100%;
	}
.actus div {
	padding-left: 10px;
	padding-right: 10px;
}
/*
#actu01 {
	background : url(../images/actu_01.jpg);
	}

#actu02 {
	background : url(../images/actu_02.jpg);
	}

#actu03 {
	margin : 0;
	background : url(../images/actu_03.jpg);
	}*/
#blocActus #archives, #blocArticle #archives{
	float : left;
	width : 240px;
	height : 39px;
	margin : 0px 0 4px 0;
	background : url(../images/actuClic.png) repeat-x;
	}


#blocActus #archives:hover, #blocArticle #archives:hover {
	background : url(../images/actuClicVert.png) repeat-x;
	}


#blocActus #archives a, #blocArticle #archives a{
	float : right;
	width : 220px;
	font-size : 10px;
	padding : 14px 10px 12px 10px;
	background : url(../images/fleche.png) no-repeat 220px 12px;
	}

#blocProgrammes {
	float : right;
	width : 644px;
	/*margin : 4px 0 0 0;*/
}

#titreProgrammes {
	float : left;
	width : 644px;
	height : 40px;
	margin : 0 0 4px 0;
	background : url(../images/bleu.jpg) repeat-x;
	}

#titreProgrammes span {
	float : left;
	text-transform : uppercase;
	font-weight : bold;
	padding : 14px 0 0 10px;
	}

.programmes {
	float : left;
	width : 158px;
	/*background-color : #FFFFFF;*/
	margin : 0;
	}

#programme01, #programme02,#programme03 {
	margin : 0 4px 0 0 !important;
	}

.programmes:hover {
	/* for IE */
  	filter : alpha(opacity=70);
 	/* CSS3 standard */
  	opacity : 0.7;
	}

.programmes a {
	float : left;
	width : 158px;
	height : 158px;
	color : transparent;
	/display: inline;
	}

#progClic01 {
	background : url(../images/programme01.jpg);
	}

#progClic02 {
	background : url(../images/programme02.jpg);
	}

#progClic03 {
	background : url(../images/territoires.jpg);
	}

#progClic04 {
	background : url(../images/idf.jpg);
	}

/*..................
	FOOTER
..................*/

#footer {
	clear : both;
	width : 950px;
	height : 70px;
	color : #FFFFFF;
	text-align : center;
	background : url(../images/footer.png);
	}

#infos {
	/*float : left;*/
	width : 426px;
	height : 35px;
	margin : 20px 0 0 20px;
	/*text-align : center;*/
	background : url(../images/infos.png);
	}
#infos table{
	padding-top: 8px;
}
#infos a {
	font-size : 9px;
	padding : 10px 0 0 0px;
	}

#infos a:hover {
	color : #007297;
	}

/*#info01 {
	margin : 0 0 0 25px;
	}*/


/* *** PAGINATION ARCHIVES ** */
/*#blocActusHistorique #actu04 {
	margin : 0;
}*/
#blocActusHistorique {
	background-color:#FFFFFF;
}
#blocActusHistorique #archives, #blocArticle .weblinks #archives {
	float : left;
	width : 644px;
	height : 45px;
	margin-top: -4px;
	margin-bottom: 1px;
	/*margin : 4px 0 0 0;*/
	/*background : url(../images/actuClicVert.png) repeat-x;*/
	}

#blocArticle .weblinks #archives{
	background : url() repeat-x;
}

#precedent {
	float : left;
	width : 240px;
	height : 38px;
	margin : 4px 0 4px 0;
	background : url(../images/actuClic.png) repeat-x;
	}

#precedent:hover {
	background : url(../images/actuClicVert02.png) repeat-x scroll 0 0;
	}

#precedent a, #blocArticle .weblinks #archives #precedent a{
	float : left;
	width : 220px;
	height : 38px;
	padding : 12px 10px 13px 30px;
	background : url(../images/fleche02.png) no-repeat 10px 12px;
	}

#nav{
	float : left;
	width : 156px;
	height : 38px;
	margin : 4px 4px 4px 4px;
	background : url(../images/actuClic02.png) repeat-x;
	}

#nav a , #blocArticle .weblinks #archives #nav a{
	float : left;
	padding : 12px;
	width: auto;
	}

#nav a:hover , #blocArticle .weblinks #archives #nav a:hover{
	color : #007297;
	}

#suivant , #blocArticle .weblinks #archives #suivant{
	float : left;
	width : 240px;
	height : 38px;
	margin : 4px 0 4px 0;
	background : url(../images/actuClic.png) repeat-x;
	}

#suivant:hover , #blocArticle .weblinks #archives #suivant:hover{
	background : url(../images/actuClicVert02.png) repeat-x;
	}

#suivant a , #blocArticle .weblinks #archives #suivant a{
	float : left;
	width : 220px;
	height : 38px;
	padding : 12px 10px 13px 155px;
	background : url(../images/fleche.png) no-repeat 219px 12px;
	}

/**************
 * Google Plugin Map
 * **************/
#actualite .kmlsidebar ul{
	padding-left: 0;
	text-align: left;
	cursor: pointer;
	font-size: 8px;
}
#actualite .kmlsidebar ul a{
	font-size: 8px;
}
#actualite .kmlsidebar ul ul{
	padding-left: 10px;
	text-align: left;
}
#actualite .kmlsidebar ul ul li{
	padding-left: 15px;
	text-align: left;
	list-style-image: none;
	list-style-type: none;
	font-size: 8px;
}
#actualite .gmnoprint, #actualite .map h1,#actualite .map h1 > div{
	max-width: 200px;
	width: 200px;
}


/****** Fil d'info ******/
#fluxRSSTerraEco{
    width: 250px;
    height: 119px;
}
#lienTerreEco{
    background: transparent url('../images/terraeco.jpg') repeat scroll center center;
    padding: 14px 10px 12px;
    margin-top: 4px;
    margin-bottom: 4px;
    height: 45px;
}
#lienTerreEco a{
    width: 220px;
    font-size: 10px;
    float: left;
}

.spyWrapper{
    clear: both;
    max-height: 50px;
    height: 50px;
}
#newsfeed{
    clear: both;
    list-style-type:none;
    padding: 0;
    margin: 0;
    width: 250px;
    max-height: 50px;
    overflow:hidden;
    height: 50px;
}
#newsfeed li{
    height: 50px;
}
#newsfeed a {
  display: block;
  text-decoration: none;
}

#newsfeed li a {
  background: url(../images/actuClic02.png) 100% 0%;
  height: 50px;
  color: #fff;
  font-size: 9px;
  padding: 14px 10px 14px 10px;
}

#newsfeed li a:hover {
  background: #000;
}

div.newsletter_body span{
    color: #007297;
}
div.newsletter_body a{
    text-transform: none;
    color: #007297;
}
div.newsletter_body h4{
    font-family: Arial, sans-serif;
}