body, html{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
}

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

a:link{
	color: #006699;
	text-decoration: none;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

a:hover{
	color: #006699;
	font-style: italic;
}

h1{
 font-family: Arial,Verdana,sans-serif;
 font-size: 130%;
 color: #ff5400;
 margin: 0px;
 padding: 20px 0px 10px 0px;²
}

h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #ff5400;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}

.petit{
 font-size: 80%;
}

.pluspetit{
 font-size: 70%;
}

/***********************************************/
/* HAUT BAS GAUCHE MILIEU DROITE               */
/***********************************************/

#contenair{
	position: fixed;
	overflow: auto;
	top: 0px;
	left: 0px;
	width : 100%;
	height:782px;
}

#bas{
	position: relative;
	float: left;
	left: 0px;
	top: -422px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	z-index : 3;
}

#haut{
	position: absolute;
	left: 30px;
	top: 0px;
	width: 84%;
	margin: 0px;
	padding: 0px;
	z-index : 3;
}

.haut img{
	float: left;
	padding: 10px 10px 10px 10px;
}

#gauche{
	float: left;
	width: 20%;
	margin: 0px;
	padding: 0px;
	border-right: 0px;
}

#droite{
  	float: right;
	width: 14%;
	margin: 0px;
	padding: 0px;
	border-left: 0px;
	border-bottom: 0px;
	z-index : 1;
}

#droite-image{
	position: relative;
	left: 0px;
	top: -30px;
}

#milieu{
  	float: left;
  	width: 66%;
  	margin: 0px;
	padding: 0px;
  	border-left: 0px;
	border-bottom: 0px;
}

/***********************************************/
/* Components                                  */
/***********************************************/

/************** TEXTES DU MILIEU *****************/

.txt-milieu-accueil{
	clear: both;
	height:526px;
	z-index:3;
	overflow: auto;
	padding: 10px 30px 10px 30px;
	font-size: 80%;
	background-color: #c5edfd;
}

.txt-milieu{
	clear: both;
	height:546px;
	z-index:3;
	overflow: auto;
	padding: 10px 30px 10px 30px;
	font-size: 80%;
	background-color: #c5edfd;
}

.txt-milieu p{
	padding: 0px 0px 10px 20px;
}

.titre-txt-milieu{
 	font-family: Arial,sans-serif;
	font-weight: bold;
 	font-size: 114%;
 	color: #006699;
 	margin: 0px 0px 0px 0px;
 	padding: 10px 30px 10px 30px;
}

.tb-mairie{
	vertical-align: top;
	min-width: 230px;
	text-align: left;
  	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial,sans-serif;
 	font-size: 100%;
}

.tb-conseil{
	width : 100%;
	vertical-align: top;
	text-align: center;
  	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial,sans-serif;
 	font-size: 80%;
}

.tb-cr{
	width: 44%;
	vertical-align: top;
	text-align: left;
  	margin: 6px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial,sans-serif;
 	font-size: 100%;
}

.tb-cr-titre{
	background: #ffffff;
	text-align: center;
	font-family: Arial,sans-serif;
 	font-size: 100%;
}

.tb-com{
	width: 80%;
	vertical-align: top;
	color: #134faa;
	text-align: left;
  	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial,sans-serif;
 	font-size: 100%;
}

.tb-com-titre{
	background: #134faa;
	color: #ffffff;
	height: 20px;
	font-weight: bold;
	text-align: center;
	font-family: Arial,sans-serif;
 	font-size: 100%;
}

.tb-ao-menu{
	width: 100%;
	vertical-align: top;
	background: #ffffff;
	height: 28px;
	border: 1px solid #134faa;
	font-weight: bold;
	text-align: center;
  	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial,sans-serif;
 	font-size: 100%;
}

.tb-ao{
	width: 94%;
	vertical-align: top;
	background: #ffffff;
	border: 1px solid #134faa;
	text-align: left;
  	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial,sans-serif;
 	font-size: 100%;
}

.tb-ao-titre{
	font-weight: bold;
	background: #ffac75;
}

.bulletin{
	width: 100%;
	vertical-align: top;
	text-align: center;
  	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.bulletin img{
  	margin: 0px 0px 0px 0px;
	padding: 6px 10px 6px 10px;
	border: none;
}

.tb-eco{
	width: 100%;
	vertical-align: top;
	background: #fffdce;
	border: 1px solid #d2c800;
	border-collapse: collapse;
	text-align: left;
  	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial,sans-serif;
 	font-size: 100%;
}
.tb-eco td{
	border-bottom: 1px solid #d2c800;
	border-collapse: collapse;
	vertical-align: top;
  	margin: 0px 0px 0px 0px;
	padding: 1px 10px 1px 10px;
}
.tb-eco-titre{
	background: #FFDFDF;
	font-weight:bold;
	border-bottom: 1px solid #d2c800;
	border-collapse: collapse;
  	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
}
.tb-eco-colonne{
	font-weight:bold;
	background:#FFDFDF;
	border-right:1px solid #d2c800;
}

.tb-location{
	width: 100%;
	vertical-align: top;
	background: #fffdce;
	border: 1px solid #F20000;
	border-collapse: collapse;
	text-align: left;
  	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial,sans-serif;
 	font-size: 100%;
}
.tb-location td{
	border: 1px solid #F20000;
	border-collapse: collapse;
	vertical-align: top;
  	margin: 0px 0px 0px 0px;
	padding: 1px 10px 1px 10px;
}
.tb-location-titre{
	background: #ffdfdf;
	font-weight:bold;
	border-bottom: 1px solid #d2c800;
	border-collapse: collapse;
	vertical-align: top;
  	margin: 0px 0px 0px 0px;
	padding: 1px 10px 1px 10px;
}

.jaune{color:#FF0}
.rouge{color:#F00}
.bleu{color:#00F}
.vert{color:#090}
.orange{color:#F60}
.violet{color:#909}
.indigo{color:#039}
/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}

/*********** MENU ***********/

#menu-accueil{
	position: relative;
	left: 0px;
	top: -540px;
	margin: 0px;
	padding: 0px;
	width: 98%;
	background: #003494;
	font-size: 90%;
	z-index : 2;
}

#menu{
	position: relative;
	left: 0px;
	top: -570px;
	margin: 0px;
	padding: 0px;
	width: 98%;
	background: #003494;
	font-size: 90%;
	z-index : 2;
}

/************** #advert styles **************/

#titre{
	display : block;
	position: absolute;
	left: 10px;
	padding: 0px 0px 0px 0px;
	top: 34px;
	width: 200px;
	height: 30px;
	z-index : 4;
}

#titre-lgp{
	display : block;
	position: relative;
	left: -160px;
	top: 30px;
	padding: 0px 0px 0px 0px;
	width: 200px;
	height: 30px;
	z-index : 4;
}

#advert{
	position: relative;
	left: 0px;
	padding: 0px 10px 0px 30px;
	text-align: left;
	top: -20px;
	width: 142;
	font-size: 70%;
	z-index : 2;
}

#adresse{
	display : block;
	position: absolute;
	left: 0px;
	top: 657px;
	padding: 0px 10px 0px 10px;
	text-align: left;
	width: 90%;
	height: 100px;
	font-size: 70%;
	z-index : 4;
}

#adresse p{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #ffffff;
 margin: 0px;
 padding: 0px;
}

/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}