/*  ----------- Général-------------- */
body {	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
}
#site {
	width: 100%;
	margin: 0px ;
	padding: 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif, monospace;
	text-align: left;
	background: #FFFFFF;
}

a:link, a:visited {
	font: 11px Verdana, Arial, Helvetica, sans-serif, monospace !important;
	color: #0000ff !important;
}
a:hover, a:active {
	font: 11px Verdana, Arial, Helvetica, sans-serif, monospace !important;
	color: #0000ff !important;
	font-weight: normal !important ;
	text-decoration: underline !important;
	background-color: #fed2d2;
}






/*  ----------- couleurs des liens themes -------------- */
#homevert {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
}
#homevert a:link, #homevert a:visited {
	font: 11px Verdana, Arial, Helvetica, sans-serif, monospace !important;
	color: #0000ff !important;
}
#homevert a:hover, #homevert a:active {
	font: 11px Verdana, Arial, Helvetica, sans-serif, monospace !important;
	color: #0000ff !important;
	font-weight: normal !important ;
	text-decoration: underline !important;
	background-color:#d6f4cc;
}

#homerouge {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
}
#homerouge a:link, #homerouge a:visited {
	font: 11px Verdana, Arial, Helvetica, sans-serif, monospace !important;
	color: #0000ff !important;
}
#homerouge a:hover, #homerouge a:active {
	font: 11px Verdana, Arial, Helvetica, sans-serif, monospace !important;
	color: #0000ff !important;
	font-weight: normal !important ;
	text-decoration: underline !important;
	background-color: #fed2d2;
}

#homebleu {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
}
#homebleu a:link, #homebleu a:visited {
	font: 11px Verdana, Arial, Helvetica, sans-serif, monospace !important;
	color: #0000ff !important;
}
#homebleu a:hover, #homebleu a:active {
	font: 11px Verdana, Arial, Helvetica, sans-serif, monospace !important;
	color: #0000ff !important;
	font-weight: normal !important ;
	text-decoration: underline !important;
	background-color: #ccdafe;
}

#homejaune {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
}
#homejaune a:link, #homejaune a:visited {
	font: 11px Verdana, Arial, Helvetica, sans-serif, monospace !important;
	color: #0000ff !important;
}
#homejaune a:hover, #homejaune a:active {
	font: 11px Verdana, Arial, Helvetica, sans-serif, monospace !important;
	color: #0000ff !important;
	font-weight: normal !important ;
	text-decoration: underline !important;
	background-color: #fff8cc;
}

#home {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
}
#home a:link, #home a:visited {
	font: 11px Verdana, Arial, Helvetica, sans-serif, monospace !important;
	color: #0000FF !important;
}
#home a:hover, #home a:active {
	font: 11px Verdana, Arial, Helvetica, sans-serif, monospace !important;
	color: #0000ff !important;
	font-weight: normal !important ;
	text-decoration: underline !important;
	background-color: #cccccc;
}

/*  ----------- Header-------------- */
#header {
	width: 100%;
	height: 90px;
	margin: 0px ;
	padding: 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif, monospace;
	text-align: left;
	background: #656263;
}
#bandeauHaut {
	width: 760px;
	height: 90px;
	margin: 0px;
	padding: 0px;
	text-align: right;
	background: #656263 url(/images/Bandeau.gif) no-repeat top left;
	text-color: #FFFFFF;
}
#textHaut {
	width: 81px;
	margin: 15px 3px 2px 0px;
	line-height: 140%;
	background: transparent;
	color: #FFFFFF;
	float: right;
}
#textHaut a:link {
	color: #FFFFFF !important;
	text-decoration: none !important;
}
#textHaut a:visited {
	color: #FFFFFF !important;
	text-decoration: none !important;
}
#textHaut a:hover {
	color: #D3D2D2 !important;
	text-decoration: underline !important;
	background-color: #000000 !important;
}
/*  ------------- Menu en haut------------------ */
#menu {
	width: 100%;
	height: 28px;
	margin: 0px;
	padding: 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif, monospace;
	text-align: left;
	background: #656263;
}
#menuCadre {
	width: 760;
	height: 28px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	float: left;
	background: #FFFFFF;
}
#titre1 {
	vertical-align: middle;
	width: 189px;
	height: 27px;
	text-align: center;
	float: left;
	background: #656263 url(/images/PlanifInactif.gif) no-repeat center;
	border-top: 1px solid white;
	border-right: 1px solid white;
}
#titre1 a:link, #titre1 a:visited {
	vertical-align: middle;
	width: 189px;
	height: 27px;
	text-align: center;
	float: left;
	background: #656263 url(/images/PlanifInactif.gif) no-repeat center;
}
#titre1 a:hover {
	background: #656263 url(/images/PlanifActif.gif) no-repeat center;
}
#titre1Actif {
	width: 189px;
	height: 27px;
	margin-top: 1px;
	margin-right: 1px;
	text-align: center;
	float: left;
	background: #656263 url(/images/PlanifActif.gif) no-repeat center;
}
#titre1Actif a:link, #titre1Actif a:visited {
}
#titre1Actif a:hover {
	text-align: center;
	background: #656263 url(/images/PlanifInactif.gif) no-repeat center;
}
#titre2 {
	width: 189px;
	height: 27px;
	border-top: 1px solid white;
	border-right: 1px solid white;
	text-align: center;
	float: left;
	background: #656263 url(/images/ArchitInactif.gif) no-repeat center;
}
#titre2 a:link, #titre2 a:visited {
	vertical-align:middle;
	width: 189px;
	height: 27px;
	text-align: center;
	float: left;
	background: #656263 url(/images/ArchitInactif.gif) no-repeat center;
}
#titre2 a:hover {
	text-align: center;
	background: #656263 url(/images/ArchitActif.gif) no-repeat center;
}
#titre2Actif {
	width: 189px;
	height: 27px;
	margin-top: 1px;
	margin-right: 1px;
	text-align: center;
	float: left;
	background: #656263 url(/images/ArchitActif.gif) no-repeat center;
}
#titre2Actif a:link, #titre2Actif a:visited {
}
#titre2Actif a:hover {
	text-align: center;
	background: #656263 url(/images/ArchitInactif.gif) no-repeat center;
}
#titre3 {
	width: 189px;
	height: 27px;
	border-top: 1px solid white;
	border-right: 1px solid white;
	text-align: center;
	float: left;
	background: #656263 url(/images/LogementInactif.gif) no-repeat center;
}
#titre3 a:link, #titre3 a:visited {
	vertical-align:middle;
	width: 189px;
	height: 27px;
	text-align: center;
	float: left;
	background: #656263 url(/images/LogementInactif.gif) no-repeat center;
}
#titre3 a:hover {
	text-align: center;
	background: #656263 url(/images/LogementActif.gif) no-repeat center;
}
#titre3Actif {
	width: 189px;
	height: 27px;
	margin-top: 1px;
	margin-right: 1px;
	text-align: center;
	float: left;
	background: #656263 url(/images/LogementActif.gif) no-repeat center;
}
#titre3Actif a:link, #titre3Actif a:visited {
}
#titre3Actif a:hover {
	text-align: center;
	background: #656263 url(/images/LogementInactif.gif) no-repeat center;
}
#titre4 {
	vertical-align:middle;
	width: 189px;
	height: 27px;
	border-top: 1px solid white;
	border-right: 1px solid white;
	text-align: center;
	float: left;
	background: #656263 url(/images/NatureInactif.gif) no-repeat center;
}
#titre4 a:link, #titre4 a:visited {
	vertical-align:middle;
	width: 189px;
	height: 27px;
	text-align: center;
	float: left;
	background: #656263 url(/images/NatureInactif.gif) no-repeat center;
}
#titre4 a:hover {
	text-align: center;
	background: #656263 url(/images/NatureActif.gif) no-repeat center;
}
#titre4Actif {
	width: 189px;
	height: 27px;
	margin-top: 1px;
	margin-right: 1px;
	text-align: center;
	float: left;
	background: #656263 url(/images/NatureActif.gif) no-repeat center;
}
#titre4Actif a:link, #titre4Actif a:visited {
}
#titre4Actif a:hover {
	text-align: center;
	background: #656263 url(/images/NatureInactif.gif) no-repeat center;
}
/*  ------------- chemin ------------------ */
#navigation {
	width: 100%;
	height: 17px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-color:a7a9ac;

}
#chemin {
	width: 596px;
	height: 17px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
	background-color:#ffffff;
}
#chemin TABLE {
	border-collapse:collapse;
	padding:0px;
	margin:0px;
	border-style: none; 
	border-width: 0px;
	border-color: none;
	background-color:#FFFFFF;
}
#chemin .premier {
	width:100%;
	border-bottom: 2px solid #a7a9ac;
	margin: 0 px;
	padding: 0 px;
}
#chemin .deuxieme {
	valign: bottom;
	white-space: nowrap;
	float: left;
	font: 10px Verdana, Arial, Helvetica, sans-serif, monospace;
	color: #000000;
	padding-right:5px;
}
#chemin .deuxieme a:link, #chemin .deuxieme a:visited {
	color: #000000;
	text-decoration: none;
}
#chemin .deuxieme a:hover {
	color: #A7A9AC;
	text-decoration: underline;

}
#bout {
	width: 215px;
	float: right;
	background: #a7a9ac;
}
/*  ------------- bandeauTriangle ------------------ */
#navigation1 {
	width: 100%;
	height: 17px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: #a7a9ac;
	border-style: none;
}
#bandeauTriangle {
	width: 760px;
	height: 17px;
	margin: 0;
	padding: 0;
	float: left;
	background: #FFFFFF;
}
#gauche {
	width: 170px;
	height: 17px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: #D3D2D2;
}
#gauchePlani {
	width: 170px;
	height: 17px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: #FFF8CC;
}
#gaucheArchi {
	width: 170px;
	height: 17px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: #CCDAFE;
}
#gaucheLogemen {
	width: 170px;
	height: 17px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: #FED2D2;
}
#gaucheNature {
	width: 170px;
	height: 17px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: #D6F4CC;
}
#droite {
	width: 164px;
	height: 17px;
	margin: 0px;
	padding: 0px;
	float: right;
	background: url(/images/BandeauTriangle.gif) no-repeat top right;
}
/*  ------------- cadre principale-------- */
#cadrePrincipale {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
	float: left;
}
#CadreFix {
	width: 760;
	margin: 0px;
	padding: 0px;
	background: url(/images/menuGrisPlolong.gif) repeat-Y top left;
	float: left;
}
#CadreFixPlani {
	width: 760;
	margin: 0px;
	padding: 0px;
	background: url(/images/menuJauneProlong.gif) repeat-Y top left;
	float: left;
}
#CadreFixArchi {
	width: 760;
	margin: 0px;
	padding: 0px;
	background: url(/images/menuBleuProlong.gif) repeat-Y top left;
	float: left;
}
#CadreFixLogemen {
	width: 760;
	margin: 0px;
	padding: 0px;
	background: url(/images/menuRougeProlong.gif) repeat-Y top left;
	float: left;
}
#CadreFixNature {
	width: 760;
	margin: 0px;
	padding: 0px;
	background: url(/images/menuVertProlong.gif) repeat-Y top left;
	float: left;
}
/*  ------------- Menu à gauche ----------- */
#menuGauche {
	width: 170px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: #D3D2D2;
	text-indent: 6px;
	line-height: 120%;
}
/*  ---- Planification et aménagements ---- */
#menuGauchePlani {
	width: 170px;
	height: 450px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: #FFF8CC;
	text-indent: 6px;
	line-height: 120%;
}
#menuGauchePlani a:link, #menuGauchePlani a:visited {
	color: #656263 !important;
	text-decoration: none !important;
}
#menuGauchePlani a:hover, #menuGauchePlani a:active {
	color: #000 !important;
	text-decoration: underline !important;
	background-color: !important;
}
/*  ----- Architecture et constructions ----- */
#menuGaucheArchi {
	width: 170px;
	height: 450px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: #CCDAFE;
	text-indent: 6px;
	line-height: 120%;
}
#menuGaucheArchi a:link, #menuGaucheArchi a:visited {
	color: #656263 !important;
	text-decoration: none !important;
}
#menuGaucheArchi a:hover, #menuGaucheArchi a:active {
	color: #000 !important;
	text-decoration: underline !important;
	background-color: !important;
}
/*  ------------- Logements et locaux ----------- */
#menuGaucheLogemen {
	width: 170px;
	height: 450px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: #FED2D2;
	text-indent: 6px;
	line-height: 120%;
}
#menuGaucheLogemen a:link, #menuGaucheLogemen a:visited {
	color: #656263 !important;
	text-decoration: none !important;
}
#menuGaucheLogemen a:hover, #menuGaucheLogemen a:active {
	color: #000 !important;
	text-decoration: underline !important;
	background-color: !important;
}
/*  ------------- Nature et Paysage ----------- */
#menuGaucheNature {
	width: 170px;
	height: 450px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: #D6F4CC;
	text-indent: 6px;
	line-height: 120%;
}
#menuGaucheNature a:link, #menuGaucheNature a:visited {
	color: #656263 !important;
	text-decoration: none !important;
}
#menuGaucheNature a:hover, #menuGaucheNature a:active {
	color: #000 !important;
	text-decoration: underline !important;
	background-color: !important;
}
#menuMarginTop {
	margin-top: 6px;
	padding: 0px;
}
#menuAuthenBas {
	margin-top: 200px;
	padding: 0px;
}
/*  ----------Colonne principale-------- */
#colonnePrincip {
	width: 370px;
	height: 100%;
	margin-top: 7px;
	margin-left: 37px;
	margin-right: 18px;
	float: left;
	background: #FFFFFF;
}
#colonnePrincipeRecherche {
	width: 525px;
	height: 100%;
	margin: 0px;
	margin-top: 12px;
	margin-left: 37px;
	margin-right: 25px;
	float: left;
	background: #FFFFFF top left;
}
#colonnePrincipeAgenda1 {
	width: 374px;
	height: 100%;
	margin-top: 10px;
	margin-left: 37px;
	margin-right: 20px;
	float: left;
	background: #FFFFFF;
}
#colonnePrincipeAgenda2 {
	width: 155px;
	height: 100%;
	margin: 10px 0px 10px;
	float: left;
}
/*  ---------- Pratique et actualités --------------- */
#pratiqueActualite {
	width: 160px;
	height: 100%;
	border: 0px;
	margin: 0px 0px 0px 0px;
	float: right;
}


#pratique {
	border-top: 1px solid #656263;
	border-bottom: 1px solid #656263;
	border-left: 1px solid #656263;
	border-right: 1px solid #656263;
	width: 148px;
	margin: 56px 0px 10px 0px;
	float: right;
}
#pratique h3 {
	width: 159px;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 0px;
	margin: 0px;
	text-indent: 6px;
	line-height: 150%;
	font-size: 1.05em;
	background: transparent;
}
#pratique p {
	margin-left: 5px;
	margin-top: 0px;
}

#pratique a:link, #pratique a:visited {
	font: 11px Verdana, Arial, Helvetica, sans-serif, monospace !important;
	color: #0000ff !important;
}
#pratique a:hover, #pratique a:active {
	font: 11px Verdana, Arial, Helvetica, sans-serif, monospace !important;
	color: #0000ff !important;
	font-weight: normal !important ;
	text-decoration: underline !important;
	background-color: #dddddd;
}



#actualites {
	border-top: 1px solid #656263;
	border-bottom: 1px solid #656263;
	border-left: 1px solid #656263;
	border-right: 1px solid #656263;
	width: 148px;
	margin: 12px 0px 10px 0px;
	float: right;
}
#actualites h3 {
	width: 160px;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 0px;
	margin: 0px;
	text-indent: 6px;
	line-height: 150%;
	font-size: 1.05em;
	background: transparent;
}
#actualites p {
	margin-left: 5px;
	margin-top: 0px;
}
#agenda {
	width: 135px;
	height: 100%;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	float: left;
}
/*  ----------   Footer  --------------- */
#bas {
	width: 100%;
	height: 2px;
	margin: 0px;
	padding: 0px;
	float: left;
	border-bottom: 1px solid #a6a8ab;
}
#basBandeau {
	width: 760;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
}
/*  ---------- contact  --------------- */
#contactText {
	width: 525px;
	height: 100%;
	margin: 0px;
	margin-top: 5px;
	margin-left: 37px;
	margin-right: 25px;
	float: left;
	background: #FFFFFF top left;
	color: #656263;
	line-height: 150%;
	font-size: 1.50em;
}
/* -------------- class générale du site--------------*/
.FormInput {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #115294;
	border: 1px solid #D3D3D3;
}
input {
	color:white;
	background-color:#FFFFFF;
	color:#000000;
	font-family:verdana;
	font-size:8pt;
	height:15pt;
	border-width:1pt;
	border-style:solid;
	border-color:#115294;
}
.FormInputGauche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #154881;
	width:140px;
	height: 20px;
	vertical-align: bottom;
	border: 1px solid #000000;
}
.colorFormText {
	font-size: 11px;
}