body {margin:0; text-align:center;font-family: Arial,Tahoma, Helvetica, Sans-Serif;font-size: 75%;margin:0; padding:0; width:100%; height:100%}

table {margin:0; border:0; border-collapse:collapse}
th, td {padding:0;margin:0}
div {padding:0;margin:0}
object, embed {border:0; margin:0; padding:0}

#containerpage { position:absolute; left: 50%; top: 50%; width:770px; height:450px; margin-left: -385px; margin-top: -225px; text-align: center; border: 1px solid white; }

.fond {background-image: url("images2/ind_fond.jpg"); height: 450px; width: 770px}
		
/* Menu */
/* Présentation */
#cpre {position:absolute; left:auto; z-index:45; visibility: hidden;}
.tapre {width: 248px;}
.tdpre a {display:block;padding-left:8px;padding-top:2px;padding-bottom:2px;padding-right:2px;width: 248px;background-color: #D2D8A0; border-top: 1px solid #eee;}
.tdpre a{color: black; text-decoration: none;  font-size:0.9em}
.tdpre a:hover{background-color: #889400; color: white; text-decoration:none;font-weight:bold}
.ppre {padding-left:175px;}
#dpre {position:absolute; left:auto; z-index:10; visibility: visible; width: 293px; height:34px;}
#dpreF2 {position:absolute; left:auto; z-index:20; visibility: hidden; width:293px; height:34px;}

.bords_pre{ background-image: url("images2/ind_pres.jpg"); color: white; text-decoration: none;  font-size:10pt; font-weight:bold; padding-left: 160px}
.bords_preF2 { background-image: url("images2/ind_presF2.jpg"); color: black; text-decoration: none;  font-size:10pt; font-weight:bold; padding-left: 160px}
.bords_preF2 a {color: black; text-decoration: none;  font-size:10pt; font-weight:bold;}


/* Vie communautaire */
#ccom {position:absolute; left:auto; z-index:40; visibility: hidden;}
.tacom {width: 185px;}
.tdcom a{display:block; padding-left:8px;padding-top:2px;padding-bottom:2px;padding-right:2px;width: 185px; background-color: #FDC3AA; border-top: 1px solid #eee;}
.tdcom a{color: black ;text-decoration: none; font-size:0.9em}
.tdcom a:hover{background-color:#F46604;color: white; text-decoration:none;font-weight:bold}
.pcom {padding-left:238px;}
#dcom {position:absolute; left:auto; z-index:10; visibility: visible; width:230px; height:34px;}
#dcomF2 {position:absolute; left:auto; z-index:20; visibility: hidden; width:230px; height:34px;}

.milieu_com{ background-image: url("images2/ind_com.jpg");color: white; text-decoration: none;  font-size:10pt; font-weight:bold; padding-left: 97px}
.milieu_comF2 {background-image: url("images2/ind_comF2.jpg");color: black; text-decoration: none;  font-size:10pt; font-weight:bold; padding-left: 97px}
.milieu_comF2 a {color: black; text-decoration: none;  font-size:10pt; font-weight:bold;}


/* Développement économique */
#ceco {position:absolute; left:auto; z-index:35; visibility: hidden;}
.taeco {width: 152px;}
.tdeco a {display:block;padding-left:8px;padding-top:2px;padding-bottom:2px;padding-right:2px;width: 152px;background-color: #F7CECA; border-top: 1px solid #eee;}
.tdeco a{color: black; text-decoration: none;  font-size:0.9em}
.tdeco a:hover{background-color: #990000; color: white; text-decoration:none;font-weight:bold}
.peco {padding-left:271px;}
#deco {position:absolute; left:auto; z-index:10; visibility: visible; width:164px; height:34px;}
#decoF2 {position:absolute; left:auto; z-index:20; visibility: hidden; width:164px; height:34px;}

.centre{ background-image: url("images2/ind_eco.jpg"); color: white; text-decoration: none;  font-size:10pt; font-weight:bold; padding-left: 31px}
.centreF2 { background-image: url("images2/ind_ecoF2.jpg");color: black; text-decoration: none;  font-size:10pt; font-weight:bold; padding-left: 31px}
.centreF2 a {color: black; text-decoration: none;  font-size:10pt; font-weight:bold;}


/* Services à la population */
#cser {position:absolute; left:auto; z-index:30; visibility: hidden;}
.taser {width: 216px;}
.tdser a {display:block;padding-left:8px;padding-top:2px;padding-bottom:2px;padding-right:2px;width: 216px; background-color: #F5E7C2; border-top: 1px solid #eee;}
.tdser a{color: black;text-decoration: none;  font-size:0.9em}
.tdser a:hover{background-color: #CC9900; color: white; text-decoration:none;font-weight:bold}
.pser {padding-left:207px;}
#dser{position:absolute; left:auto; z-index:10; visibility: visible; width:230px; height:34px;}
#dserF2 {position:absolute; left:auto; z-index:20; visibility: hidden; width:230px; height:34px;}

.milieu_ser{ background-image: url("images2/ind_ser.jpg");color: white; text-decoration: none;  font-size:10pt; font-weight:bold; padding-left: 97px}
.milieu_serF2 { background-image: url("images2/ind_serF2.jpg");color: black; text-decoration: none;  font-size:10pt; font-weight:bold; padding-left: 97px}
.milieu_serF2 a {color: black; text-decoration: none;  font-size:10pt; font-weight:bold;}


/* Environnement */
#cenv {position:absolute; left:auto; z-index:1; visibility: hidden;}
.taenv {width: 281px;}
.tdenv a {display:block;padding-left:8px;padding-top:2px;padding-bottom:2px;padding-right:2px;width: 281px;background-color: #D3E4F5; border-top: 1px solid #eee;}
.tdenv a{color: black; text-decoration: none;  font-size:0.9em}
.tdenv a:hover{background-color: #1281E2; color: white; text-decoration:none;font-weight:bold}
.penv {padding-left:142px;}
#denv {position:absolute; left:auto; z-index:10; visibility: visible; width:293px; height:34px}
#denvF2 {position:absolute; left:auto; z-index:20; visibility: hidden; width:293px; height:34px}

.bords_env{ background-image: url("images2/ind_env.jpg");color: white; text-decoration: none;  font-size:10pt; font-weight:bold; padding-left: 160px}
.bords_envF2 { background-image: url("images2/ind_envF2.jpg");color: black; text-decoration: none;  font-size:10pt; font-weight:bold; padding-left: 160px}
.bords_envF2 a {color: black; text-decoration: none;  font-size:10pt; font-weight:bold;}



/* Invariants */
.dinvar {z-index: 100; visibility: visible; color: #1177D1; text-decoration: none; font-size: 0.9em; font-weight:bold;}
.dinvar a {color:#1177D1; text-decoration: none; font-size:9pt;; font-weight:bold; padding-left:0px;padding-top:0px;padding-bottom:3px;padding-right:2px; }
.dinvar a:hover{text-decoration:underline;}
.invar {color: #1177D1; text-decoration: none; font-size:9pt;}

/* recherche  */
.tdrech {padding-left: 40px}
.rech {display:inline;}
.titre_rech{color: black; font-weight:bold; font-size:1.1em; padding-top:2px;padding-bottom:2px;}
.titre_rech a{color: black; font-weight:bold; font-size:1.1em; padding-top:2px;padding-bottom:2px; text-decoration:underline}
.titre_rech a:hover{color: black; font-weight:bold; font-size:1.1em; padding-top:2px;padding-bottom:2px; text-decoration:none}
.rech form {display:inline;}
.rech .recherche {width:100px; height:12px; border:1px solid #666; background:#fff; font-size:x-small; }
.rech #Submit {border:0px solid #666; height:15px; width: 23px; padding-left: 5px; padding-top: 2px}
.rech #btn {border:0px solid #666;  height:15px; width: 23px; padding-left: 5px;  padding-top: 2px}
.input_text {float: left;}
.input_button {float: left;}