
body {
	background-repeat : no-repeat;
	background-position :  0 0;
}

#leftColumn {
	float: left;
	width: 130px;
	margin : 50px 0 0 2px;
}

#leftColumn ul {
	margin: 26px 0 0 3px;
}

#leftColumn li {
	background-image: url(../images/dotte_grey3.gif);
	background-repeat : no-repeat;
	background-position :  left 5px;
	padding-left: 7px;
	margin-left : 5px;
	margin-bottom : 3px;
}

#leftColumn li a, #leftColumn li strong{
	font-size : 12px;
	color: #505E5F;
}

#leftColumn li.ssTopic {
	margin-left: 15px;
	background-image :url(../images/dotte_black2.gif);
	padding-left: 4px;
	background-position :  left 6px;
	background-repeat: no-repeat;
}

#leftColumn a.ssTopic {
	font-size : 11px;
}
/* ----   ---- */

#centerColumn {
	margin-left : 20px;
	width: 430px;
	float: left;
}


#navBar {
	margin: 40px 0 0 0 ;
}
#navBar a, #navBar, #navBar strong  {
	color: #505E5F;
	font-size : 11px;
}

#centerColumn img.articleImage {
	float:left;
	margin : 15px 12px 0 0;
}

#centerColumn img.accueil {
	float:left;
	margin : 0 0 0 0;
}

#centerColumn h2 {
	font-size : 15px;
/*	font-weight:normal;*/
	margin : 20px 0 7px 0;
}

#centerColumn h1{
	font-size : 13px;
	background-repeat : no-repeat;
	background-position : 3px 0;
	padding-left: 79px;
	margin : 0 0 7px 0;
}

#centerColumnContent {
	float: left;
}

#centerColumnContent h3{
}

#centerColumn h4{
	font-size : 13px;
	margin-top : 30px
}

/*#centerColumnContent div p, #centerColumnContent div {
	width : 400px !important;
}*/

#centerColumnContent p {
	color: black;
	margin-top : 15px;
}

#centerColumnContent a{
	border-bottom : dotted 1px black;
}

#centerColumnContent blockquote {
	margin-left: 15px;
}
div.accueil {
	width: 200px;
	float:left;
	margin-right: 15px;
}

div.accueil h3{
	margin-bottom: 2px;
}

ul.accueil {
	float:left;
	width: 140px;
	
}

#centerColumnContent li {
	background-image: url(../images/dotte_grey3.gif);
	background-repeat : no-repeat;
	background-position : left 5px;
	margin-left : 5px;
	padding-left: 7px;
	margin-bottom: 4px;
}

ul.accueil li {
	background-image: url(../images/dotte_grey3.gif);
	background-repeat : no-repeat;
	background-position :  left 5px;
	padding-left: 7px;
	margin-left : 5px;
	margin-bottom: 4px;
	font-weight: bold;
}

ul.accueil li a{
	font-size : 12px;
	color: #505E5F;
}

#centerColumn h2.subTopicArticle {
	margin-left: 15px;
	font-size: 13px;
}

#centerColumn dl.subTopicArticle {
	margin-left: 17px;
	border-top: solid 1px #757F81;
	border-left: solid 1px #757F81;
	padding-left: 7px;
	padding-top: 7px;
	margin-top : -5px;
	clear: both;
	display :block;
}

#centerColumn dl.aLireAussi, #centerColumn dl.aLireAussiGuichet {
	clear: both;
	padding-left: 7px;
	padding-top: 7px;
	display :block;
	border-top: solid 1px #757F81;
	border-left: solid 1px #757F81;
}

#centerColumn dl.aLireAussiGuichet dt {
	background-image: none;
	padding-left: 0;
	color: #505E5F;
	
}

#centerColumn dt {
	background-image: url(../images/dotte_grey.gif);
	background-repeat : no-repeat;
	background-position :  left 5px;
	padding-left: 11px;
	color: #505E5F;
	
}

#centerColumn dd {
	margin-bottom : 10px;
}

#centerColumn dd a{
	color: black;
}
#centerColumn dl.subTopicArticle dt a, #centerColumn dt a{
	color : #505E5F;
}

#centerColumn dl.subTopicArticle dt a:hover, #centerColumn dt a:hover{
	color : #000000;
}

#centerColumn table {
	border: solid 1px #505E5F;
	width: 430px;
	margin-bottom : 20px;
	border-collapse:collapse;
	clear: left;
}

#centerColumn td {
	padding: 2px;
	border: solid 1px #505E5F;
}


#centerColumn table.noborder {
	border: none;
}

#centerColumn table.noborder td {
	border: none;
}

#centerColumnContent h4 {
	font-style : normal;
	font-size:13px;
	font-weight: bold;
	width : 80%;
	border-bottom: solid 1px #505E5F;
	color: #505E5F !important;
}

.print, .top {
	float:right;
	background-repeat : no-repeat;
	background-position :  left 5px;
	padding-left: 8px;
	margin-left: 15px;
}

a.top  {
	width : 21px;
	height: 17px;
	display :block;
	background-repeat : no-repeat;
	background-position :  0 0;
}

strong.webLink {
	background-repeat : no-repeat;
	background-position : right 2px;
	background-image: url('../images/picto_lien_ext.gif');
	padding-right : 25px;
	font-weight: normal;
}

#formulaire fieldset {
	display: block; 
	clear: both;
	border: solid 1px #757F81;
	margin-bottom : 20px;
	padding: 10px;
}

#formulaire fieldset input, #formulaire fieldset select,textarea {
	border: solid 1px #757F81;
	margin-bottom : 10px;
	padding-left: 2px;
}

#formulaire table, #formulaire td {
	border: none;
}


#formulaire table{
	width : 80%;
}

#formulaire legend {
	font-weight: bold;
	color: #505E5F;
}

#formulaire fieldset label {
	clear: left;
	display : block;
}

#formulaire fieldset.listRadio input {
	float:left;
	clear: left;
}

#formulaire fieldset.listRadio label {
	float:left;
}

#formulaire .fieldsetBg {
	background-color: #ECF5F2;
}


dt.liste_conseil_municipal {
	width : 100px;
	float: left;
	margin-right: 15px;
}
a.webcamThumbnail img {
	display:block;
}


a.webcamThumbnail, a.enImageThumbnail {
	float: left;
	margin-right : 10px;
	margin-bottom : 5px;
	border:solid 2px white;
	text-align: center;
	font-size: 10px;
}

a.webcamThumbnail:hover, a.enImageThumbnail:hover {
	border:solid 2px #0066BD;
}


/* ----   ---- */

#recherche {
	margin-bottom : 37px;
	display: block;
	clear: left;
}

#recherche img {
	float: left;
}

#search {
	width : 70px;
	height: 15px;
	margin-top :5px;
	margin-left : 2px;
	font-size: 10px;
	clear :none;
}
input.searchButton {
	margin-top :5px;
	display : block;
}

div.topicAssos {
	width: 164px;
	background-image: url(../images/voirAussi.gif);
	background-repeat : no-repeat;
	background-position :  left 2px;
	border-left: solid 1px #505E5F;
	border-top: solid 1px #505E5F;
}

div.topicAssos ul {
	margin: 7px 0 0 10px;
}

div.topicAssos li {
	background-image: url(../images/dotte_grey3.gif);
	background-repeat : no-repeat;
	background-position :  left 5px;
	padding-left: 7px;
	margin-left : 5px;
}

div.topicAssos li a {
	font-size : 11px;
	color: #505E5F;
}

div.download ul, div.download li {
	background-image: none;
	padding-left: 0;
}

a.backToMainArticle {
	font-size: 11px;
	font-weight: bold;
	color: #505E5F;
	border-left: solid 1px #505E5F;
	padding-left: 7px;
	padding-top : 10px;
	clear: left;
	display : block;
}

#guichet {
	margin-top : 30px;
}


#guichet li a {
	text-decoration : underline;
}

#guichet li {
	background-image: none;
	float: none;
	margin : 0 1px 3px 0;
	width :155px;
}

#guichet ul.guichet li {
	background-image: url(../images/dotte_grey2.gif);
	background-repeat : no-repeat;
	background-position :  left 5px;
	padding-left: 5px;
	float: left;
	margin : 0 1px 0 2px;
	width :75px;
}

#guichet ul.guichet li a {
	font-size : 11px;
	color: #505E5F;
}

#centerColumnContent ol li {
	background-image: none!important;
	list-style-type: decimal!important;
	list-style-position: outside!important;
	margin-left: 40px!important;
}

