body {
	margin:0 auto; padding:0 0 15px 0; text-align:center;
	background: #dfdcc5 url(/images/background.gif) repeat-x left top;
	min-width:960px; height:100%; font-size:100%;  color:#51697A;
	font-family: Verdana, Arial, Verdana, Sans-serif;
}

html, body {
	height: 100%;
	/* ou min-height: 100%; height: auto; */
}

a, a:visited {
	text-decoration:underline; color:#51697A;
}
a:hover, a:visited:hover {
	text-decoration:none; color:#51697A;
}

a:focus {
	-moz-outline-style: none;
}
	
img {
	border:0 none; padding:0; margin:0;
}

/* hack ie6 png transparence */
.transparence { 
	behavior: url(/iepngfix/iepngfix.php);
}

p, th, ul, ol, li, blockquote, input, div {
	margin:0; padding:0;
}
	
td, th {  
	vertical-align:top;
}
	
em {
	font-style:italic;
}

form {
	padding:0; margin:0;
}

INPUT, TEXTAREA, SELECT, OPTION {
	padding:0; margin:0; font-size:11px;
} 


sup {  
	vertical-align:text-top; font-size:75%; line-height:0.7em;
}


/**** Container ****/

#conteneur {
	width:960px; position: relative; margin:0 auto; padding:0; background: #FFFFFF url(/images/background_contenu.jpg) repeat-y left top;
}

#background-top {
	background: url(/images/background_contenu_top.jpg) no-repeat 0px 238px;
}

#shadow-left {
	background: #FFFFFF url(/images/shadow-left.gif) no-repeat left top; width:10px; height:511px;
	position:absolute; top:0px; left:-10px;
}

#shadow-right {
	background: #FFFFFF url(/images/shadow-right.gif) no-repeat left top; width:10px; height:511px;
	position:absolute; top:0px; right:-10px;
}



/************ Header *************/ 

#header {
	position:relative;
}


/**** Menu ****/

#menu {
	height:94px; position:relative;
}

#menu span {
	display:none;
}

#menu .accueil {
	position:absolute; top:0px; left:52px; z-index:1;
}
#menu .accueil a {
	background: url(/fr/images/menu/accueil.gif) no-repeat 1px 0px; display:block; width:88px; height:50px;
}
#menu .accueil a:hover, #menu .accueil a.on {
	background: #FFFFFF url(/fr/images/menu/accueil.gif) no-repeat 1px -47px; height:94px;
}

#menu .decouvrir {
	position:absolute; top:0px; left:139px; z-index:2;
}
#menu .decouvrir a {
	background: url(/fr/images/menu/decouvrir.gif) no-repeat 1px 0px; display:block; width:195px; height:50px;
}
#menu .decouvrir a:hover, #menu .decouvrir a.on {
	background: #FFFFFF url(/fr/images/menu/decouvrir.gif) no-repeat 1px -47px; height:94px;
}

#menu .affaires {
	position:absolute; top:0px; left:333px; z-index:2;
}
#menu .affaires a {
	background: url(/fr/images/menu/affaires_municipales.gif) no-repeat 1px 0px; display:block; width:119px; height:50px;
}
#menu .affaires a:hover, #menu .affaires a.on {
	background: #FFFFFF url(/fr/images/menu/affaires_municipales.gif) no-repeat 1px -47px; height:94px;
}

#menu .calendrier {
	position:absolute; top:0px; left:451px; z-index:2;
}
#menu .calendrier a {
	background: url(/fr/images/menu/calendrier.gif) no-repeat 1px 0px; display:block; width:122px; height:50px;
}
#menu .calendrier a:hover, #menu .calendrier a.on {
	background: #FFFFFF url(/fr/images/menu/calendrier.gif) no-repeat 1px -47px; height:94px;
}

#menu .services {
	position:absolute; top:0px; left:572px; z-index:2;
}
#menu .services a {
	background: url(/fr/images/menu/services.gif) no-repeat 1px 0px; display:block; width:122px; height:50px;
}
#menu .services a:hover, #menu .services a.on {
	background: #FFFFFF url(/fr/images/menu/services.gif) no-repeat 1px -47px; height:94px;
}

#menu .commerces {
	position:absolute; top:0px; left:693px; z-index:2;
}
#menu .commerces a {
	background: url(/fr/images/menu/commerces-entreprises.gif) no-repeat 1px 0px; display:block; width:130px; height:50px;
}
#menu .commerces a:hover, #menu .commerces a.on {
	background: #FFFFFF url(/fr/images/menu/commerces-entreprises.gif) no-repeat 1px -47px; height:94px;
}

#menu .joindre {
	position:absolute; top:0px; left:822px; z-index:2;
}
#menu .joindre a {
	background: url(/fr/images/menu/joindre.gif) no-repeat 1px 0px; display:block; width:85px; height:50px;
}
#menu .joindre a:hover, #menu .joindre a.on {
	background: #FFFFFF url(/fr/images/menu/joindre.gif) no-repeat 1px -47px; height:94px;
}


/**** Colonne de gauche (sous-menu) ****/

#colonne-gauche {
	float:left; width:270px; padding:40px 0 0 0;
}

#colonne-gauche #boutons {
	margin:0 0 0 42px; text-align:left;
}

#colonne-gauche #sousmenu {
	padding:0; margin:0 55px 25px 20px; font-size: 14px; line-height:15px; text-align:left;
}

#colonne-gauche #sousmenu div {
	display:none; font-weight:bold; margin:0 0 10px 0; text-align:center;
}
#colonne-gauche #sousmenu div a, #colonne-gauche #sousmenu div a:visited {
	text-decoration: none;
}

#colonne-gauche #sousmenu ul { 
	margin:0 0 75px 0; padding: 0; list-style-type:none; border-top: 1px solid #51697A;
}

#colonne-gauche #sousmenu li {
	border-bottom: 1px solid #51697A; margin: 0 0 0 0; padding:0;
}

#colonne-gauche #sousmenu li a, #colonne-gauche #sousmenu li a:visited {
	color: #51697A; text-decoration: none; display:block; padding:4px 10px 6px 10px; 
}
#colonne-gauche #sousmenu li a:hover, #colonne-gauche #sousmenu li a:visited:hover {
	color: #FFFFFF; background-color:#51697A;
}
#colonne-gauche #sousmenu li a.on, #colonne-gauche #sousmenu li a.on:visited {
	color: #FFFFFF; background-color:#6A8F9D;
}




/**** Contenu ****/

#contenu-body {
	
}

#contenu {
	float:left; width:630px;
	font-size: .9em; text-align:justify; line-height:1.4em;
}

#contenu > h1:first-child {
	padding-top:0;
}

#contenu p {
	padding: 0 0 1em 0; margin: 0;
}

#contenu ul {
	/*Hack pour espace a gauche de la liste*/ 
	margin:0 0 .6em 17px; padding:0;
	/*
	Pour avoir une image a la place de la bullet : 
	Methode 1 : list-style-type:none;
	Methode 2 : list-style-type: circle;
	*/
}
#contenu ol {
	margin:0 0 .6em 17px; padding:0;
}
#contenu ul ul, #contenu ul ol, #contenu ol ol, #contenu ol ul {
	margin-bottom:0;
}
#contenu li {
	padding:0 0 .2em 0; margin:0;
	/*Pour avoir un bullet different au bout (image) 
	Methode 1 (Fonctionne mieux que le list-style )
	background: url(/images/bullet.gif) no-repeat left 0.5em; padding:0 0 .2em 15px; 
	Methode 2
	list-style-image: url(images/bullet.gif);
	*/
}
#contenu ul li ul, #contenu ul li ol,
#contenu ol li ul, #contenu ol li ol {
	margin-bottom:0;
}

#contenu .ligne img {
	border: none; 
}

#contenu img {
	border:1px solid #497782;
}

#contenu .sans-filet {
	border:none;
}

.creditPhoto:hover {
	cursor: help;
}

/* Pour faire suivre le texte apres un float */
.spacer {
	clear:both; font-size:0px; line-height:0px; height:0px;
}

/* Pour avoir une hauteur minimum du contenu */
.hauteurMin {
  min-height:500px;
  height:auto !important;
  height:500px;
}

#contenu .hauteurMinOld {
	height:170px; float:right; width:1px;
}

a.lienAnchor {
	text-decoration:none;
}

/** Tableaux **/

/* Hack IE 6 PC pour grosseur de font dans un tableau */
* html #contenu table td {
	/*font-size:.8em;*/
}
table {
	font-size: 1em;
}
table table {
	font-size:100%;font-size:12px;
}
table td {
	font-size:.9em;
}

/* Tableau de base (transparent) */
#contenu table.tableauBase td {
	padding:2px; text-align:justify;
}
#contenu table.tableauBase td p {
	padding: 0 0 .8em 0;
}


/* Tableau avec styles */
#contenu table.tableauStyle {
	background: #CCCCCC url(images/background_tableau.jpg) no-repeat left top;
	border-left:1px solid #000000; border-top:1px solid #000000; margin:0 0 .8em 0;
}
#contenu table.tableauStyle td {
	padding:.6em .6em 0 .6em; text-align:left;
	border-right:1px solid #000000; border-bottom:1px solid #000000;
}
#contenu table.tableauStyle .titre {
	background-color:#666666; color:#FFFFFF;
}
#contenu table.tableauStyle td p {
	padding: 0 0 .6em 0;
}
#contenu table.tableauStyle .backgroundCouleur {
	background-color:#00CC66;
}


.curseurOn {
	cursor: pointer;
}
.curseurOff {
	cursor: default;
}

.buttonOff {
	opacity:.70;filter: alpha(opacity=70); -moz-opacity: 0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.buttonOn {
	opacity:100;filter: alpha(opacity=100); -moz-opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.buttonOver {
	opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

/* Pour faire un rollover d'une image qui est double (utile pour remplacer buttonOver, quand c'est un PNG avec transparence (bug sous IE8)) */
a.nom-du-lien img {
	background: url(/fr/images/image.png) no-repeat left top; behavior: url(/iepngfix/iepngfix.php);
}
a.nom-du-lien:hover img {
	background-position:0 -100px;
}

/* Site map */

ul#sitemap li {
	font-size:1.2em; font-weight:bold; padding-top:1.5em;
}
ul#sitemap li ul li {
	font-size:.9em; font-weight:normal; padding-top:.5em;
}

#footer {
	height:270px; width:980px; margin:0 auto; position:relative;
}

#footer .sitemap {
	position:absolute; top:230px; right:21px; font-size:12px;
}
#footer a:link, #footer a:visited {
	text-decoration:underline; color:#231F20;
}
#footer a:hover, #footer a:visited:hover {
	text-decoration:none; color:#231F20;
}



/* Lien taiga */

#webmaster {
	text-align:right; color: #51697A; margin: 8px auto; padding:0; 
	font-size:10px; width:960px;
}
#webmaster a:link, #webmaster a:visited {
	text-decoration:none; color:#51697A;
}
#webmaster a:hover, #webmaster a:visited:hover {
	text-decoration:underline; color:#51697A;
}