/*** Styles Généraux ***/

#content .csc-header-n1 h1, #content .csc-header-n2 h1 {
	display: none;
}
#content .csc-header-n1 {
	height:85px;
	background: url(/fileadmin/templates/img/acc/une.gif) no-repeat top left;
}
#content .csc-header-n2 {
	height:85px;
	background: url(/fileadmin/templates/img/acc/situation.gif) no-repeat top left;
}

h3.agenda, h3.pratique, h3.magazine, h3.newsletter {
	color: #fff;
	text-align: right;
	padding: 16px 35px 36px 0px;
}
h3.agenda {
	background: url(/fileadmin/templates/img/acc/agenda.gif) no-repeat top left;
}
h3.pratique {
	background: url(/fileadmin/templates/img/acc/pratique.gif) no-repeat top left;
}
h3.magazine {
	background: url(/fileadmin/templates/img/acc/magazine.gif) no-repeat top left;
}
h3.newsletter {
	background: url(/fileadmin/templates/img/acc/newsletter.gif) no-repeat top left;
}
/*** Blocs ***/

#content {
	background:none;
	width:395px;
	margin-left: 50px;
	margin-right: 30px;
}


div#col1, div#col2 {
	float:left;
	width:216px;
	margin-right: 25px;
}
div#col2 {
	margin-right: 0px;
}

/* Agenda */
#agenda {
	margin: 0px;
	padding:10px;
	background: #E6F4DD;
	color: #7B7B7B;
}
#agenda, #agenda div {
	line-height: 140%;
}
.corps_agenda img {
	float: right;
	margin: 5px 0px 10px 10px;
}
.corps_agenda hr {
	display: none;
}
.titre_agenda {
	margin-top: 0px;
}
.bas_agenda {
	text-align: right;
	margin-top: 25px;
}
.bas_agenda a {
	font-weight: bold;
	color: #327807;
	padding-right: 31px;
	background: url(/fileadmin/templates/img/flech_agenda.gif) no-repeat center right;
}

/* Boîte à outils */
#boite {
	padding: 15px;
	background: #E9E9E9;
	color: #4C4C4C;
}
#boite a {
	color: #4C4C4C;
}
#boite a:hover {
	color: #C91E1E;
}
#boite img {
	vertical-align: middle;
	margin-right: 8px;
}
#boite img.coord {
	float: left;
	vertical-align: top;
}
#boite ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#boite ul li {
	padding-bottom: 10px;
}
#rappel img {
	border: none;
}

/* Vie pratique */
#pratique {
	color: #4C4C4C;
}
#pratique a {
	color: #4C4C4C;
	text-decoration: none;
}
#pratique a:hover {
	color: #C91E1E;
	text-decoration: underline;
}
#pratique img {
	vertical-align: middle;
	margin-left: 8px;
}
#pratique ul {
	margin: 0px;
	padding: 0px;
	text-align: right;
	font-weight: bold;
	list-style-type: none;
}
#pratique ul li {
	padding: 15px;
	border-right: 1px solid #ACDAFD;
	background: #FFBDBD;
}
#pratique ul li.prat21
{
	border-top: 2px #fff solid;
	border-right: 1px solid #d2eaff;
	background: #FFDBDB;
}

#pratique ul ul {
	text-align: left;
	font-weight: normal;
	padding-bottom: 10px;
}
#pratique ul ul li {
	background: url(/fileadmin/templates/img/plus_pratique.gif) no-repeat top left;
	padding: 0px;
	padding-left: 10px;
	margin-top: 5px;
	border-right: none;
}


/* Magazine municipal */
#magazine{
	background: #FFE8DB;
	padding-bottom:10px;
}
#magazine .csc-header-n1 {
	display: none;
}
#magazine h1 {
	padding: 10px;
}
#magazine table.csc-uploads {
	margin:0px;
}
#magazine table.csc-uploads td {
	vertical-align: bottom;
	border-bottom: none;
	padding:0px;
}
#magazine table.csc-uploads td p, 
#magazine table.csc-uploads td span {
	line-height: 140%;
}
#magazine img {
	border: 1px solid #FFC2A0;
}
#magazine .csc-uploads-fileName a, 
#magazine .csc-uploads-fileName {
	color: #E73D10;
	font-size: 90%;
}
#magazine table.csc-uploads .csc-uploads-fileName {
	padding-bottom: 10px;
	border-bottom: 1px solid #FFF;
}


/* Newsletter */
#newsletter {
	background: #FFE7E1;
	padding:15px;
}

#newsletter .input2 {
	margin-top: 10px;
	border: 1px solid #E1370A;
	font-size: 90%;
	padding: 3px;
	color: #7B7B7B;
	*height:21px;
}

#newsletter .submit1 {
	margin-top: 10px;
	background-color: #E1370A;
	border:0;
	color:#fff;
	font-size: 110%;
	font-weight:bold;
	text-align: center;
	padding: 2px;
	cursor:pointer;
}


/* Plan de la ville */
#plan {
	text-align: center;
	font-weight: bold;
}
#plan img {
	vertical-align: middle;
	border: none;
}
#plan a {
	color: #549A29;
	text-decoration: none;
}
#plan a:hover {
	color: #24476F;
}
	
/*** Autres styles ***/