/* CSS coding by K Bartel, http://www.hounddogge.com */

body {
	font-size:11px; 
	font-family: Verdana;
	color: #FFFFFF;
	background: #E8E4CD;
	background: url(../images/colorBottom.gif);
	margin-top: 0px;
	margin-left: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
}

td {
	font-size:11px; 
	font-family: Verdana;
	color: #000000;
	text-decoration: none;
}

p {
	font-size:11px; 
	font-family: Verdana, Helvetica, Arial, sans-serif ;
	color: #000000;
	text-decoration: none;
	margin-left: 65px;
	margin-right: 10px;
}

br {
	font-size:11px; 
	font-family: Verdana, Helvetica, Arial, sans-serif ;
	color: #000000;
	text-decoration: none;
	margin-left: 65px;
	margin-right: 10px;
}

strong, b {
	font-size:11px; 
	font-family: Verdana, Helvetica, Arial, sans-serif ;
	color: #CC0000;
	font-weight: normal;
	text-decoration: none;
}


.shadowRight {
	background-image: url(../images/shadowRight.jpg);	
	background-position: top;

}

.bandBack {
	color: #E8E4CD;
	background-image: url(../images/colorBand.png);
	background-repeat: repeat-x;
	background-position: top;
	height: 300px;
}

.topBack {
	color: #D8CD96;
	background-image: url(../images/colorTop.gif);
	
}

.mainNav  {  
	background-image: url(../images/mainNavback.png);
 }
 
 
/* rollover image navigation */
.rolloverImageNav  { 
	background-color: #DEDDD4; 
 }
 

/* sub navigation */
.subNav {
	background-color: #B2ABA2;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size:9px; 
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #CC0000;
}

.mainBack {
	background-color: #EAEAE4;	
	background-image: url(../images/mainBackimageBack.gif);
	height: 500px;
}

.bottomBack {
	color: #E8E4CD;
	background-image: url(../images/colorBottom.gif);
}


h1 { 
	color:#993333;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-right: 10px;
}

h2 { 
	color: #993333;
	font-size: 11px;
	font-weight: normal;
	text-indent: 20px;
	margin-top: 3px;
	margin-bottom: 3px;	
	margin-right: 10px;
	display: block;
	background-color: #D2d2c9;
	padding: 3px 0px 3px 25px;
}

h3 { 
	color: #B1380E;
	font-size: 10px;
	font-weight: normal;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 65px;
}

.listName {
	color: #000000;
	display: block;
	background-color: #F2F1EB;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 60px;
	padding: 3px 0px 3px 3px;
}

.listName2 {
	color: #000000;
	display: block;
	background-color: #D2d2c9;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 60px;
	padding: 3px 0px 3px 3px;
}


.listName3 {
	color: #000000;
	display: block;
	background-color: #F2F1EB;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 80px;
	padding: 3px 0px 3px 3px;
}


.listName4 {
	color: #000000;
	display: block;
	background-color: #D2d2c9;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 80px;
	padding: 3px 0px 3px 3px;
}


a {
	color: #CC0000;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: none;
}

/* liens utiles */


a.utiles {
	color: #000000;
	text-decoration: none;
}

a.utiles:hover {
	color: #CC0000;
	text-decoration: none;
}



/* liens side nav */

a.sidenav {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	font-size: 9px;
	margin-left: 22px;
	padding: 2px;
}

a.sidenav:hover {
	color: #B1380E;
	text-decoration: none;
	display: block;
	background-color: #EAEAE4;
	margin-left: 22px;
	padding: 2px;
}


/* caption text */

.caption {
	font-size: 9px;
	font-weight: normal;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 12px;
}

/* caption conseil names */

.captionConseil {
	font-size: 9px;
	font-weight: normal;
	margin-left: 18px;
	margin-right: 2px;
}

/* multipage navigation */

.multipage {
	font-size: 9px;
	font-weight: normal;
	color: #CC0000;
}

a.multipage {
	color:#CC0000;
	text-decoration: none;
}

a:hover.multipage {
	color: #000000;
	text-decoration: none;
}

/* municipalite titre */

.municipalite {
	font-size: 9px; 
	font-family: Verdana, Helvetica, Arial, sans-serif ;
	color: #000000;
	text-decoration: none;	
	font-weight: normal;
	line-height: 15px;
	margin-top: 3px;
	margin-bottom: 3px;
}

/* bottom and sub navigation */

.footer {
	margin-top: 5px;
	margin-bottom: 5px;
}

a.footer {
	font-size: 9px;
	font-weight: normal;
	line-height: 15px;
	margin-top: 3px;
	margin-bottom: 3px;
	color: #000000;
	text-decoration: none;
}

a.footer:hover {
	font-size: 9px;
	font-weight: normal;
	line-height: 15px;
	margin-top: 3px;
	margin-bottom: 3px;
	color: #FFFFFF;
	text-decoration: none;
}


a.footer:active {
	font-size: 9px;
	font-weight: normal;
	line-height: 15px;
	margin-top: 3px;
	margin-bottom: 3px;
	color: #FFFFFF;
	text-decoration: none;
}

/* bottom and sub navigation language button */

.footer-right {

	text-align: right;
	margin-right: 5px;
	font-size: 9px;
	font-weight: normal;
	line-height: 15px;
}

a.footer-right {
	font-size: 9px;
	font-weight: normal;
	line-height: 15px;
	margin-right: 5px;
	color: #000000;
	text-decoration: none;
	text-align: right;
}

a.footer-right:hover {
	font-size: 9px;
	font-weight: normal;
	line-height: 15px;
	margin-right: 5px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: right;
}

a.footer-right:hover {
	font-size: 9px;
	font-weight: normal;
	line-height: 15px;
	margin-right: 5px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: right;
}

/* bottom navigation copyright */

.footer-copy {

	text-align: center;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
}

a.footer-copy {
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

a.footer-copy:hover {
	font-size: 9px;
	font-weight: normal;
	text-decoration: none;	
	color:#CC0000;
}


ul {
	list-style-type: circle;
	margin: 0px 20px 0px 63px;
	padding:0px 0px 15px 0px;
}

ol {
	list-style-type: circle;
	margin: 0px 30px 0px 95px;
	padding:0px 10px 5px 15px;
}

li {
	padding:1px 0px 10px 0px;
	line-height: 11px;
}

/* services lists */

h3.services {
	color:#000000;
	font-size: 10px;
	font-weight: normal;

}

ul.services {
	list-style-type: none;
	margin: 0px 30px 0px 65px;
	padding:0px 10px 5px 0px;
}

ol.services {
	list-style-type: circle;
	margin: 0px 30px 0px 95px;
	padding:0px 10px 5px 5px;
}

li.services {
	padding:1px 5px 10px 0px;
	line-height: 13px;
}

/* for javascript image rollovers */

#album_thumbs    { position: absolute; top: 337px; left: 284px; width: 496px; height: 146px; visibility: visible; display: block }
#album_enlarged    { width: 153px; height: 192px; visibility: visible; display: block }

/* CSS coding by K Bartel, http://www.hounddogge.com */