/* CSS Document */
/* ------------------------------------------------------------------------- Main */
/* ----------------------------------------------------- Left */
/* --------------------------------- Portail associatif */
/*	#portail_associatif {
		position:relative;
		width:253px;
		height:149px;
		background:#f6bd5e url(../images/background/portail_associatif.jpg) no-repeat;
		margin:0 0 20px 0;
		padding:21px 0 0 0;
	}
	#portail_associatif span {
		display:block;
		text-transform:uppercase;
		font-size:1.5em;
		color:#fff;
		padding:0 0 0 10px;
		margin:0 0 20px 0
	}
	#portail_associatif p {
		line-height:1.7em;
		padding:0 14px 0 18px;
		margin:0;
	}
	#portail_associatif a {
		font-size:0.8em;
		font-weight:bold;
		color:#fff;
		background:url(../images/background/fleche_blanc.gif) no-repeat right center;
		padding:0 10px 0 10px
	}
	#portail_associatif a:hover { text-decoration:none; color:#333; }
	#portail_associatif .node_10768 { padding:0 0 0 10px; text-transform:none; margin:0; }*/


/* --------------------------------- Cartographie */
	#left img {
		display:block;
		margin:0 auto
	}
/* ----------------------------------------------------- Middle */
	#middle {
		float:left;
		width:462px;
		background:#fff
	}
	#middle #middle_top {
		height:13px;
		background:url(../images/background/middle_top.gif) no-repeat;
		font-size:0
	}
	#middle #middle_bottom {
		float:left;
		width:100%;
		height:12px;
		background:url(../images/background/middle_bottom.gif) no-repeat;
		font-size:0
	}
	#middle #middle_middle {
		float:left;
		width:436px;
		background:url(../images/background/middle_middle.gif) repeat-y;
		padding:0 13px 10px 13px
	}
/* --------------------------------- h2 */
	h2 {
		float:left;
		width:100%;
		text-transform:uppercase;
		font-size:1.3em;
		font-weight:normal;
		color:#fff;
		margin:0 0 5px 0
	}
	h2 span {
		float:left;
		background:#f5600f url(../images/background/titre.gif) no-repeat right bottom;
		padding:3px 20px 15px 12px
	}
	h2.large {font-size:1.4em}
	h2.large span {
		background-image:url(../images/background/titre_large.gif);
		padding-right:115px;
		padding-bottom:19px;
		padding-top:8px
	}
/* --------------------------------- Article */
	div.article {
		float:left;
		width:100%;
		margin:0 0 20px 0
	}
	h3 {
		font-size:1.1em;
		margin:0 0 5px 0
	}
	div.article img {
		float:left;
		margin:0 13px 0 0
	}
	div.article p {
		line-height:1.7em;
		margin:0 0 3px 0
	}
	div.article a.lire_suite {
		font-weight:bold;
		color:#747474;
		background:url(../images/background/triple_fleches.gif) no-repeat right 5px;
		padding:0 21px 0 0;
		text-decoration:underline
	}
	div.article a.lire_suite:hover, div.article a.lire_suite:focus, div.article a.lire_suite.focus {text-decoration:none}
/* --------------------------------- Left */
	div.left {
		float:left;
		width:204px;
		padding:0 14px 0 0
	}
	div.left h2 span, div.right h2 span {width:170px}
	div.left div.article img, div.right div.article img {
		display:block;
		float:none;
		margin:0 auto 5px auto
	}
/* --------------------------------- Right */
	div.right {
		float:left;
		width:204px;
		padding:0 0 0 14px
	}
/* ----------------------------------------------------- Right */
	#right {
		display:inline;
		float:left;
		width:253px;
		margin:0 3px 0 6px
	}
	#right div.colonne_middle {background-image:url(../images/background/right_middle.gif)}
	#right div.colonne_middle span.titre {
		float:right;
		background-color:#f23224;
		background-image:url(../images/background/titre_right.jpg);
		background-position:left bottom;
		padding-left:8px
	}
/* --------------------------------- Agenda */
	#agenda {
		clear:both;
		line-height:1.4em;
		padding:0 13px 5px 13px
	}
	#agenda li {margin:0 0 12px 0}
	#agenda li a {color:#000}
	#agenda li a strong {display:block}
	#agenda li a:hover strong, #agenda li a:focus strong, #agenda li a:focus strong {text-decoration:underline}
	#tous_evenements {
		display:block;
		text-align:right;
		color:#000;
		background:url(../images/background/fleche.gif) no-repeat right 4px;
		padding:0 8px 0 0;
		margin:0 13px 20px 13px;
		text-decoration:underline
	}
	#tous_evenements:hover, #tous_evenements:focus, #tous_evenements.focus {text-decoration:none}
/* --------------------------------- Brèves d'info */
	#breves {
		clear:both;
		line-height:1.5em;
		padding:0 13px 20px 13px
	}
	#breves li {margin:0 0 12px 0}
	#breves li strong {
		display:block;
		color:#308d1a
	}
	#breves li a {
		font-weight:bold;
		color:#747474;
		background:url(../images/background/triple_fleches.gif) no-repeat right 5px;
		padding:0 21px 0 0;
		text-decoration:underline
	}
	#breves li a:hover, #breves li a:focus, #breves li a.focus {text-decoration:none}
/* --------------------------------- Journal municipal */
	#right img {
		float:right;
		margin:0 13px 5px 10px
	}
	#journal_municipal {
		float:left;
		width:138px;
		padding:0 0 0 17px
	}
	#journal_municipal li {
		background:url(../images/background/fleche.gif) no-repeat left 4px;
		padding:0 0 0 13px;
		margin:0 0 10px 0
	}
	#journal_municipal li a {color:#000}
	











/************************************************************************
*   
*   M O D I F I C A T I O N  C S S
*   
*   Author:  Clement Roy
*   Date:    13 october 2010
*   Email:   clement.roy@inovagora.net
* 
*************************************************************************/
	
/* --------------------------------- Portail associatif */
/*	#mediatheque {
		position:relative;
		width:253px;
		height:149px;
		background:#f6bd5e url(../images/background/mediatheque.jpg) no-repeat;
		margin:0 0 20px 0;
		padding:21px 0 0 0;
	}
	#mediatheque span {
		display:block;
		text-transform:uppercase;
		font-size:1.5em;
		color:#fff;
		padding:0 0 0 10px;
		margin:0 0 20px 0	
	}
	#mediatheque span.node_13540 {
		text-transform:none;
	}

	#mediatheque p {
		line-height:1.7em;
		padding:0 14px 0 18px;
		margin:0;
	}
	#mediatheque a.externe {
		font-size:0.8em;
		font-weight:bold;
		color:#fff;
		background:url(../images/background/fleche_blanc.gif) no-repeat right center !important;
		padding:0 10px 0 10px !important;
	}
	#mediatheque a:hover { text-decoration:none; color:#333; }
	#mediatheque .node_10768 { padding:0 0 0 10px; text-transform:none; margin:0; }*/