/*  style commun aux pages du site */
/*@import url(css/style.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 36px;
	}

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

#newsletter {
	/*width : 451px;
	height : 40px;*/
	float : left;
	margin : 13px ;
	}

#recherche {
	/*width : 451px;
	height : 40px;*/
	float : right;
	margin : 13px ;
	}

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

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

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

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

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

.menuBoutons:hover {
	background : url(../images/cyan.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;
	}



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

/*#archives {
	float : left;
	width : 250px;
	margin : 0 0 4px 0;
	background : url(../images/actuClicBrun.png) repeat-x;
	}

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

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

#retour {
	float : left;
	width : 250px;
	margin : 0 0 4px 0;
	background : url(../images/actuClicBrun.png) repeat-x;
	}

#retour:hover {
	background : url(../images/actuClicVert.png) repeat-x;
	}

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

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

#blocActu, #blocSection {
	float : right;
	/*clear : both;*/
	width : 644px;
	/*min-height: 507px;*/
	background : #FFFFFF;
	/*margin : 4px 0 0 0;*/
	}

#titreActu {
	float : left;
	margin : 0 0 4px 0;
	height: 40px;
	}

/* Modifié par LwL */
#blocActu #titreActu h1, #blocArticle #titreActu h1 {
	float : left;
	width : 380px;
	height: 12px;
	padding : 14px 10px 14px 10px;
	margin : 0;
	background : url(../images/actuClicBrun.png) repeat-x;
	font-size : 10px;
	color : #FFFFFF;
	text-transform : uppercase;
	font-weight : bold;
	text-align: left;
	}

#blocActu #lienArchives, #blocArticle #lienArchives {
	float : right;
	width : 240px;
	margin : 0 0 4px 0;
	background : url(../images/actuClicBrun.png) repeat-x;
	height: 40px;
	}

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

#blocActu #lienArchives a, #blocArticle #lienArchives a {
	float : left;
	width : 220px;
	font-size : 10px;
	color : #FFFFFF;
	padding : 14px 10px 14px 10px;
	background : url(../images/fleche.png) no-repeat 219px 12px;
	text-transform: uppercase;
}

/* Affichage d'une section */
#blocSection ul.articlesSection{
	list-style-type: none;
}

#blocSection ul.articlesSection li a.category, #actualite a, #actualiteLong a{
	color : #333333;
}

#blocSection h1, #blocArticle h1 {
	/*float : left;*/
	width : 624px;
	padding : 14px 10px 14px 10px;
	margin : 0;
	background : url(../images/actuClicBrun.png) repeat-x;
	font-size : 10px;
	color : #FFFFFF;
	text-transform : uppercase;
	font-weight : bold;
	text-align: left;
}
#blocArticle #titreActuLong h1{
	width : 898px;
}

#blocSection span {	
	color : #333333;
}

#actualite {
	float : left;
	width : 644px;
	/*height : auto;*/
	min-height: 507px;
	background : #FFFFFF;
	text-align : justify;
	color : #333333;
}
#actualiteLong {
	float : left;
	width : 898px;
	/*height : auto;*/
	min-height: 507px;
	background : #FFFFFF;
	text-align : justify;
	color : #333333;
}

#blocActu a, #blocSection a, .weblinks a{
	color : #333333;
	text-transform: none;
}

#actualite a.lien, #actualiteLong a.lien, #blocSection a.lien{
	color : #333333;
	padding-right : 18px;
	background : url(../images/link.png) no-repeat center right;
}

#actualite a.download, #actualiteLong a.download, #blocSection a.download{
	color : #333333;
	padding-right : 18px;
	background : url(../images/download.png) no-repeat center right;
}

#actualite a.pdf, #actualiteLong a.pdf, #blocSection a.pdf{
	color : #333333;
	padding-right : 18px;
	background : url(../images/pdf.png) no-repeat center right;
}

#actualite h2, #blocSection h2, #actualiteLong h2{
	margin : 10px 0 0 0;
	padding : 0 10px 0 10px;
	font-size : 12px;
	color : #333333;
	text-align : justify;
	}
#actualite h3, #actualiteLong h3 {
	margin : 10px 0 0 0;
	padding : 0 10px 0 10px;
	font-size : 11px;
	color : #333333;
	text-align : justify;
	}
/* LiliwoL */
#actualite h4, #actualiteLong h4 {
	margin : 10px 0 0 0;
	padding : 0 10px 0 10px;
	font-size : 10px;
	color : #333333;
	text-align : justify;
	}
#actualite h5, #actualiteLong h5 {
	margin : 10px 0 0 0;
	padding : 0 10px 0 10px;
	font-size : 9px;
	color : #333333;
	text-align : justify;
	}
#actualite h6, #actualiteLong h6 {
	margin : 10px 0 0 0;
	padding : 0 10px 0 10px;
	font-size : 8px;
	color : #333333;
	text-align : justify;
	}
#actualite span, #actualiteLong span {	
	color : #333333;
}
/* ***** */

#actualite p, #blocSection p, #actualiteLong p{
	padding : 0 10px 0 10px;
	margin-top: 10px;
	color : #333333;
}

#actualite p img{
	margin-top: -10px;
	/*margin-left: -10px;*/
}

#actualite ul{
	padding-right: 10px;
}
/* MODIFICATION LILIWOL */
/*#titreActu h3 {*/
/*#blocActu h2, #titreActu h3{
	float : left;
	width : 624px;
	padding : 14px 10px 12px 10px;
	margin : 0 0 4px;
	background : url(../images/actuClic.png) repeat-x;
	text-align : left;
	font-size: 10px;
	}*/

/*..................
	PUCES & LISTES
..................*/
#actualite ul, #blocSection ul, #blocArticle ul{
	list-style-image: URL(../images/puce.png); 
}
/* 2 eme niveau */
#actualite ul li ul, #blocSection ul li ul, #blocArticle ul li ul {
	list-style-image: URL(../images/puce02.png); 
}

/* 3 eme niveau */
#actualite ul li ul li ul, #blocSection ul li ul li ul, #blocArticle ul li ul li ul{
	list-style-image: URL(../images/puce03.png); 
}



/*..................
	CATEGORIE BLOG
..................*/
#titreActus{
	float: left;
	margin: 0 0 4px;
	padding: 14px 10px;
	width: 624px;
	height: 12px;
	background: transparent url(../images/vert.jpg) repeat-x scroll 0 0;
}
#blocActusHistorique{
	float: left;
	width: 644px;
}
#blocActusHistorique .actus{
	float: left;
	height: 102px;
	margin: 0 0 4px;
	width: 644px;
}
#blocActusHistorique .actus a{
	float: left;
	font-size: 10px;
	padding: 14px 10px;
	width: 624px;
	height: 12px;
}
.listeArticle{
	/*padding-left: 10px;*/
	padding-top: 10px;
	padding-bottom: 10px;
	background: transparent url(../images/actuListe.png) repeat scroll 0 0;	
	
}
.listeArticle a{
	padding-left: 15px;
}
#tabMembres a.logoMembre img, #tabMembres a.logoMembre{
	border-style: none;
	border-width: 0px;
	color: #FFFFFF;
}
a.lienMembre{
	font-size: 10px;
}

#tabMembres tr td{
	width: 161px;
	max-width: 161px;
}

#tabMembres .interLigne{
	height: 2px;
	background: transparent url(../images/actuListe.png) repeat scroll 0 0;	
}


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

.menuInfos {
	/*float : left;*/
	font-size : 9px;
	/*margin : 0;*/
	/*padding : 10px 0 0 15px;*/
	}
	
/* **********************
 *  PageBreak
 * **********************/
#actualite .pagenavcounter, #blocActu .contenttoc{
	display: none;
}
#actualite .pagenavbar{
	height: 20px;
	padding : 14px 10px 14px 10px;
	margin : 0;
	background : url(../images/actuClicBrun.png) repeat-x;
	font-size : 10px;
	color : #FFFFFF;
	text-transform : uppercase;
	font-weight : bold;
	text-align: left;
}
#actualite .pagenavbar a{
	color : #FFFFFF;
}
#actualite .pagenavbar a:hover{
	color : #333333;
}

/*..................
	ARTFORMS
..................*/
#artforms-box div{
	display: none;
}
#artforms-box #artforms-text , #artforms-box #artforms-form, #artforms-box #artforms-form div {
	display: block;
}

/*..................
	Carte Google
..................*/
#mapGoogle a{
	color : #333333;	
}
#mapGoogle ul{
	color : #333333;
	padding-left: 0px;
	list-style-image: none;
	list-style-type: none;
	text-align: left;
}
#mapGoogle div table{
	width: 644px;;
}
#mapGoogle div{
	padding-left: 5px;
}
#mapGoogle div ul div{
	padding-left: 5px;
}
#mapGoogle h1{
	width: 200px;
}
/*..................
	Recherche
..................*/
span.highlight, #nav a.highlight{
	color : #007297;
	font-weight: bolder;
}