@charset "iso-8859-1";



html {font-size: 100%;}

body {
margin: 0px;
padding: 0px;
}


body {
 
  margin-top: 20px; 
  margin-bottom: 40px;
  width: 780px;
  background-image: url(../photos/fond_gene.gif); 
  background-repeat: repeat;
  background-position: 100%;
  font-size: 0.8em;  
  font-family: verdana, arial, helvetica, sans-serif;  
  line-height: 1.0em;
 	
  text-align: justify;
} 



 /*  essai code*/


/*  fin essai code*/

 #annonce {
 position: absolute;
 width: 450px;
 top: -218px;
 left:  0px;
 } 
 
 #annonce p {	

 font-size: 0.8em;
font-family: Verdana;
style-ligne: none;
 }





/*  le menu de navigation sous l'entete*/

#navcontainer 
{
position: absolute;
margin-top: 123px;
margin-left: 100px;
height: 22px;
font: 11px Verdana, sans-serif;
border-bottom: 1px solid  #bbb; 
width: 789px;
list-style-type: none;
background: #fff;
}

 #navlist li 
{
float: left;
margin: 0px;
padding: 0px;
width: auto;
display: block;
}


#navlist li a, #navlist li a:link
{
background: #fff;
padding: 3px 5px 3px 5px;
text-decoration: none;
color: #555;
display: block;
}


#navlist li a#current, #navlist li a#current:link
{
cursor: default;
border-bottom: 3px solid #999;
font-weight: bold;
color: #000;
}


#navlist li a:hover 
{
color: #039;
border-bottom: 3px solid #bbb;
cursor: pointer;
background: #eee;
}


#navlist li a#current:hover
{
border-bottom: 3px solid #f90;
background: #eee;
}




ul.nav { margin: 0pt; padding: 0pt 0pt 0pt 5px; margin-top: 141px; margin-left: 100px; list-style-type: none; line-height: 16px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; }
ul.nav li { margin: 0pt; padding: 0pt 3px 0pt 8px; float: left; font-family: Arial,Verdana,Helvetica,sans-serif; font-weight: bold; line-height: 16px; }
ul.nav li a { border-bottom: 2px solid rgb(248, 248, 254); padding: 0pt; height: 16px; position: relative; color: rgb(32, 71, 117); font-weight: bold; font-size: 75%; text-transform: uppercase; text-decoration: none; cursor: pointer; text-align: center;  list-style-type: none; }
ul.nav li a:hover, ul.nav li a.active { border-bottom: 2px solid rgb(181, 0, 13); }

/* fin du menu*/



/* la banniere et le menu gauche*/

#entete { 
position: absolute; 
left: 110px; 
top: 11px; 
width: 779px; 
height: 133px; 
z-index: 1;
background-image: url("../photos/entete-pont-sur-seine.jpg");
background-repeat: no-repeat;  
}

#colonne_gauche {
position: absolute;		
padding-top: 5px;
padding-bottom: 5px;
	left: 98px;
	top: 390px;
	width: 150px;
	height: auto;
	z-index: 5;	
}


#menu_gauche {
position: absolute; 
left: 82px; 
top: 194px; 
width: 157px; 
height: auto; 
z-index: 2; 
}









td.bloc_menu p { font-size: 0.9em; font-family: verdana; line-height: 12px; width: 166px;  position: relative; height: auto;   margin-bottom: 6px; width: 140px; }
td.bloc_menu p.titre { border-top: 1px solid rgb(70, 93, 154); background-color: rgb(49, 65, 105); color: rgb(255, 255, 255); font-weight: bold; font-size: 8pt; padding-top: 2px; padding-bottom: 2px; padding-left: 10px; }
td.bloc_menu p { border-bottom: 1px solid rgb(255, 255, 255);  background-position: left top; background-repeat: no-repeat; background-color: rgb(160, 171, 206); padding-left: 12px; padding-top: 2px; padding-bottom: 2px; margin-top: 0px; margin-bottom: 0px; text-align: left; }
td.bloc_menu p a { color: rgb(255, 255, 255); text-decoration: none; }

/* fin menu gauche*/




/* bloc annonce*/

.blocannonce {margin: 0px 0%; background: #e2e8f0; margin-top: 10px; position: relative; width: 140px; height: auto; margin-left: 5px; text-align: center;}
b.rtop, b.bas {display:block; background: white;}  
b.rtop b, b.bas b   
   {display:block; height: 1px; overflow: hidden; background: #e2e8f0;}  
b.r {margin: 0 9px;}  
b.r0 {margin: 0 7px;}  
b.r1 {margin: 0 5px;}  
b.r2 {margin: 0 3px;}  
b.r3 {margin: 0 2px;}  
b.rtop b.r4, b.bas b.r4 {margin: 0 1px; height: 2px;}


h1,p {margin: 0 10px; margin-top: 9px; font-size: 0.8em; }
h2 {font-size: 110%; color: maroon; margin-left: 15px; }


/* pub coté gauche*/ 


 #logoadele {
position: absolute;
left: 17px;
padding-bottom: 5px;
top: auto;
width: 116px; 
height: 39px; 
z-index: 13;
background-image: url("../photos/logoadele.gif"); 
background-repeat: no-repeat;
padding-bottom: 25px;
  
}


#service_ligne {
position: relative;
left: 17px;
top: auto;
width: 116px; 
height: auto; 
z-index: 21;
padding-bottom: 25px;     
}


#logo_opac	{
position: absolute;
left: 130px;
top: 1180px;
width: 92px;
height: 47px;
background-image: url("../photos/LogoOPAC1.jpg"); width="92" height="47" alt="logo OPAC" 
background-repeat: no-repeat;
}

#logo_siaba {
position: relative;
top: 1250px;
margin-left: 130px;
width: 92px;
height: 63px;
background-image: url("../photos/LogoSIABA.jpg"); width="92" height="63" alt="logo SIABA" 
background-repeat: no-repeat;
}

#monlogis {
position: relative;
top: 1180px;
float: left;
left: 740px;
width: 92px;
height: 85px;
background-image: url("../photos/mon-logis.jpg"); width="92" height="85" alt="logo mon-logis" 
background-repeat: no-repeat;
}


#protectenfant {
position: relative;
top: 720px;
left: 120px;
width: 85px;
height: auto;
} 


#spl {
position: relative; 
left: 4px;
top: 50px; 
width: 140px; 
height: 73px; 
z-index: 15;
background-image: url("../photos/d01.png"); 
background-repeat: no-repeat;
}

#bloc_public {
position: absolute; 
visibility: visible; 
left: 111px; 
top: 900px; 
width: 78px; 
height:auto; 
z-index: 12; 
background-color: #FFFFFF;   
} 

#trajet {
position: absolute; 
visibility: visible;
display: block; 
left: 330px; 
top: 800px; 
width: 172px; 
height: 70px; 
z-index: 21;

}





.Textelienutile { margin-top: 60px; width: 140px; height: auto; text-align: left;background-color: #4e7574; padding: 5px; position: relative; }
.Textelienutile ul { margin: 8px 0px 0px 25px; padding: 0px; }
.Textelienutile li { margin: 0px; padding: 0px; color: white; }
.Textelienutile a { font-family: verdana,arial,helvetica,sans-serif; font-size: 10px; color: rgb(255, 255, 255); font-weight: bold; background-color: transparent; }
.Textelienutile a:hover { color: rgb(243, 86, 0); background-color: transparent; }


/* fin pub coté gauche*/


/* photos listes et presentation avant le corps*/ 

.carte {
position: relative;
left: 300px;
top: 190px;
whidth: 113px;
height: 73px;
background-image: url(../photos/carte_france_pont.jpg);
background-repeat: no-repeat;
}

.carte p {
font-size: 12pt;
font-family: Verdana;
color: green;
style-ligne: none;
}

.bsoustitre {
position: absolute;
top: 370px;
width: 430px;
left: 278px;
font-size: 1.4em; 
    font-weight: 100; font-style: italic; color: black;
	padding: 6px;
}


  


#boite {
	position: absolute;
	visibility: visible;
	left: 283px;
	top: 336px;
	width: 441px;
	height: auto;
	z-index: 8;
	background-color: #F5F5F5; 
   	text-align: left;
}


.colonne1
{
	position: absolute;
	font-size: 10px;
	margin-top: 15px;
	margin-bottom: 0px;
	list-style-type: none;
	width: 175px;
	top: 5px;
	left: 14px;
	
}

.colonne2
{
	position: absolute;
	width: 150px;
	font-size: 10px;
	margin-bottom: 0px;
	list-style-type: none;
	top: 6px;
	left: 249px;	
}

.boite_text {
position: absolute;
left: 281px;
top: 365px;
width: 431px;
height: auto;
font-size: 1.1em;
z-index: 8;
background-color: #F5F5F5;
}

#soushome {
position: absolute; 
visibility: visible; 
left: 280px; 
top: 293px; 
width: 437px; 
height: 42px; 
z-index: 7;
background-image:  url("../photos/soushomefond.gif");
background-repeat:  no-repeat; 
}
#homemairie {
position: absolute; 
visibility: visible; 
left: 280px; 
top: 293px; 
width: 437px; 
height: 42px; 
z-index: 7;
background-image:  url("../photos/homemairie1.jpg");
background-repeat:  no-repeat; 
}

#homeinterco {
position: absolute; 
visibility: visible; 
left: 280px; 
top: 293px; 
width: 437px; 
height: 42px; 
z-index: 7;
background-image:  url("../photos/homeinterco1.jpg");
background-repeat:  no-repeat; 
}

#homedechetterie {
position: absolute; 
visibility: visible; 
left: 280px; 
top: 293px; 
width: 437px; 
height: 42px; 
z-index: 7;
background-image:  url("../photos/homedechetterie1.jpg");
background-repeat:  no-repeat; 
}

#homecommerces {
position: absolute; 
visibility: visible; 
left: 280px; 
top: 293px; 
width: 437px; 
height: 42px; 
z-index: 7;
background-image:  url("../photos/homecommerces1.jpg");
background-repeat:  no-repeat; 
}

#homelegales {
position: absolute; 
visibility: visible; 
left: 280px; 
top: 293px; 
width: 437px; 
height: 42px; 
z-index: 7;
background-image:  url("../photos/homelegales1.jpg");
background-repeat:  no-repeat; 
}




#homesimplanter {
position: absolute; 
visibility: visible; 
left: 280px; 
top: 293px; 
width: 437px; 
height: 42px; 
z-index: 7;
background-image:  url("../photos/homesimplanter1.jpg");
background-repeat:  no-repeat; 
}

#homenumeros {
position: absolute; 
visibility: visible; 
left: 280px; 
top: 293px; 
width: 437px; 
height: 42px; 
z-index: 7;
background-image:  url("../photos/homenumeros1.jpg");
background-repeat:  no-repeat; 
}


#homeenfant {
position: absolute; 
visibility: visible; 
left: 280px; 
top: 293px; 
width: 437px; 
height: 42px; 
z-index: 7;
background-image:  url("../photos/homeenfance1.jpg");
background-repeat:  no-repeat; 
}

#homeassoc {
position: absolute; 
visibility: visible; 
left: 280px; 
top: 293px; 
width: 437px; 
height: 42px; 
z-index: 7;
background-image:  url("../photos/homeassoc1.jpg");
background-repeat:  no-repeat; 
}

#homehabitat {
position: absolute; 
visibility: visible; 
left: 280px; 
top: 293px; 
width: 437px; 
height: 42px; 
z-index: 7;
background-image:  url("../photos/homehabitat1.jpg");
background-repeat:  no-repeat; 
}



#homechampagne {
position: absolute; 
visibility: visible; 
left: 285px; 
top: 293px; 
width: 437px; 
height: 42px; 
z-index: 7;
background-image:  url("../photos/homechampagne1.jpg");
}
#homhabitant {
position: absolute; 
visibility: visible; 
left: 279px; 
top: 275px; 
width: 437px; 
height: 42px; 
z-index: 7;
background-image:  url("../photos/homehabitants1.jpg");
background-repeat:  no-repeat; 
}

#com_hometext {
position: absolute; 
visibility: visible; 
left: 284px; 
top: 294px; 
width: 437px; 
height: 42px; 
z-index: 7;
background-image:  url("../photos/com hometext.gif");
background-repeat:  no-repeat; 
}

#homecourrier {
position: absolute; 
visibility: visible; 
left: 280px; 
top: 293px; 
width: 437px; 
height: 42px; 
z-index: 7;
background-image:  url("../photos/homecourrier.jpg");
background-repeat:  no-repeat; 
}

#homedemarches {
position: absolute; 
visibility: visible; 
left: 280px; 
top: 293px; 
width: 437px; 
height: 42px; 
z-index: 7;
background-image:  url("../photos/homedemarches1.jpg");
background-repeat:  no-repeat; 
}


#dechetterie {
position: absolute;
left: 290px;
top: 183px;
width: 420px;
height: 120px;
background-image: url("../photos/decheterie.jpg");
background-repeat: no-repeat;
}


#photo_mairie {
position: absolute; 
visibility: visible; 
left: 280px; 
top: 200px; 
width: 425px; 
height: 71px; 
z-index: 6;
background-image: url("../photos/mairieassemb-jpeg-copie.jpg"); 
background-repeat: no-repeat;
}

#enfants_ecole {
position: absolute; 
visibility: visible; 
left: 284px; 
top: 197px; 
width: 430px; 
height: 68px; 
z-index: 6;
background-image: url("../photos/enfants_ecole.jpg");
background-repeat:  no-repeat;  
}

.blocpara {
position: absolute;
top: 340px;
width: 430px;
left: 278px;
font-size: 1.1em; 
    font-weight: 100; font-style: italic; color: maroon;
	padding: 6px;
}

#blparademarches {

position: relative;
top: 200px;
width: 430px;
left: 270px;
font-size: 1.0em; 
    font-weight: 100; font-style: italic; color: maroon;
	padding: 6px;
}







#maison {
position: absolute; 
visibility: visible; 
left: 284px; 
top: 197px; 
width: 430px; 
height: 84px; 
z-index: 6;
background-image: url("../photos/assemhlm-1.jpg");
background-repeat:  no-repeat;  
}
 



/* fin presentation avant le corps*/

 

/* corps de la page*/

#corps {
position: absolute; 
visibility: visible; 
left: 277px; 
top: 640px; 
width: 440px;
margin-right: 250px;
margin-bottom: 50px; 
height: auto; 
line-height: 16px;
font-size: 1.0em;
color: 000000;
}

#corpshaut {
position: absolute; 
visibility: visible; 
left: 277px; 
top: 400px; 
width: 440px;
margin-right: 250px;
margin-bottom: 50px; 
height: auto; 
line-height: 16px;
font-size: 1.0em;
color: 000000;
}

#planzone {
position: absolute;
width: 420px;
height: 301px;
left: 15px;
top: -303px;
background-image: url("../photos/plan-zoneindu.jpg");
background-repeat: no-repeat;
z-index: 2
}

#photousine {
position: absolute;
width: 85px;
height: 57px;
left: 270px;
top: -130px;
background-image: url("../photos/zoneindustri.jpg");
background-repeat: no-repeat;
z-index: 3
}

.tableau_secretaire td {
 border: 1px solid #6495ed;  
}

.tableau_secretaire table {
width: 430px;
margin-top:  auto;
  padding: 0px;
  position: relative;
  font-family: Helvetica;
  font-size: 12px;
  border: 1px solid #6495ed;
  background-color: #d9e5ff;
  border-separate: separate;
}

#secretaire {
  padding: 5px;
  width: 164px;
  height: 87px;
  background-image: url("../photos/magavero.jpg");  
  background-repeat: no-repeat;
}

#sante {
position: absolute;
top: 200px;
}			
#sante td {
 padding: 5px; 
text-align: bottom;
border: 1px solid #ffffff;
}


#sante caption {
font-size: 1.4em;
color: #4e7574;
}

#sante p { 
 font-size: 0.4em;
color: black;
font-family: verdana;
}   
#service {
position: absolute;
top: 750px;
}

#service td {
padding: 5px; 
text-align: bottom;
border: 1px solid #ffffff;
}

#service caption {	
font-size: 1.4em;
color: #4e7574;
}
  
#service p {
 font-size: 0.4em;
color: black;
font-family: verdana;
}  
 
#artisan {
position: absolute;
top: 980px;
}

#artisan td {
padding: 5px; 
text-align: bottom;
border: 1px solid #ffffff;
}

 #artisan caption {	
font-size: 1.4em;
color: #4e7574;
}
 
#artisan p {
 font-size: 0.4em;
color: black;
font-family: verdana;
} 

.taburgence_liste table  {
position: absolute;
top: 10px;
width: 430px;
left: auto;
}
 

 .taburgence_liste p {
 font-size: 0.4em;
color: black;
font-family: verdana;
} 

.taburgence_liste td {
padding: 5px; 
text-align: bottom;
border: 1px solid #ffffff;
}

.taburgence_liste caption {
font-size: 1.4em;
color: #4e7574;
}

/*tableau maternelle	*/

.table-separateur {
  font-size : 9px;
  font-family : Verdana, arial, helvetica, sans-serif;
  color : #333333;
  background-color : #d6d3ce;
}

/* Style du titre du tableau */
.table-titre {
   font-size : 12px;
   font-family : Verdana, arial, helvetica, sans-serif;
  color : #eeeeee;
  text-align : center;
  font-weight : bold;
  background-color : #585858;
}

/* Style des en-têtes du tableau */
.table-entete {
  font-size : 12px;
  text-align: center;
  font-family : Verdana, arial, helvetica, sans-serif;
  color : #ffffff;
  background-color : #008000;
}


/* Style des en-têtes du tableau (droite) */
.table-entete-droit {
  font-size : 12px;
   font-family : Verdana, arial, helvetica, sans-serif;
   color : #333333;
  text-align : right;
  background-color : #a7ada7;
}

/* Style 1 des cellules */
.table-ligne1 {
  font-size : 12px;
  font-family : Verdana, arial, helvetica, sans-serif;
  color : #333333;
  text-align : center;
  background-color : #228b22;
}

/* Style 2 des cellules "pas de reaction"*/
.table-ligne2 {
  font-size : 12px;
  font-family : Verdana, arial, helvetica, sans-serif;
  color : #333333;
  background-color : #cccccc;
}

/* Style 1 des cellules (centré) */
.table-ligne1-centre {
  font-size : 12px;
   font-family : Verdana, arial, helvetica, sans-serif;
  color : #333333;
  text-align : center;
  background-color: #cccccc;
}

/* Style 2 des cellules (centré) */
.table-ligne2-centre {
  font-size : 12px;
  font-family : Verdana, arial, helvetica, sans-serif;
  color : #333333;
  text-align : center;
  background-color : #cccccc;
}

/* Style 1 des cellules (droite) */
.table-ligne1-droit {
  font-size : 12px;
  font-family : Verdana, arial, helvetica, sans-serif;
  color : #333333;
  text-align : right;
  background-color : #c6c3bd;
}

/* Style 2 des cellules (droite) */
.table-ligne2-droit {
  font-size : 12px;
  font-family : Verdana, arial, helvetica, sans-serif;
  color : #333333;
  text-align : right;
  background-color : #cccccc;
}

/* fin tableau maternelle */

#form {
width: 420px;
padding: 10px 20px;
background: lavender;
color: midnightblue;
}


.panneaupub {
position: relative;
width: 350px;
height: auto;

}

.image_panneau {
float: left;
}
.panneaupub p {
font-size: 0.8em;
color: black; }




#centreloi {
float: left;
width: 351px;
padding: 10px;
}
#centreloi p {
font-size: 0.8em;
color: black; }


.demarches {
  font-family: helvetica;
  font-size: 10px;
  position: relative;
  top: 5px;
  width: 140px;
  margin-left: 50px;
}

.horaires caption {
margin: auto;
font-family: arial;
font-size: 1.2em;
font-weight: bold;
color: blue;
margin-bottom: 20px;
}




.tableau_horaire table {
  width: 420px;
  margin: auto;
  padding: 0px;
  position: relative;
  float: left;
  top: auto;
  font-family: Helvetica;
  font-size: 12px;
  border: 1px solid #6495ed;
  background-color: #d9e5ff;
 
}

.horaires td {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  border: 1px solid #6495ed;
  background-color: #d9e5ff;
}

#recensement {
position: absolute; 
background-image:  url("../photos/recensement08.jpg"); 
background-repeat: no-repeat;
left: 234px; 
top: 136px; 
width: 75px; 
height: 90px; 
}

#affiche {
position: relative; 
background-image:  url("../photos/recensement-copie.jpg"); 
background-repeat: no-repeat;
left: 610px; 
top: 760px; 
width: 100px; 
height: 139px; 
}
 
#securite {
width: 300px; 
height: 125px;
border: 2px solid #993300; 
}

#securite p {
color: red;
text-align: left;
}

#compterendu {
width: 300px; 
height: 100px;
top: 700;
left: 350;
 }










/* fin de code corps de la page*/	


.text_entetemairie p {

margin-left: 120px;
top: 280px;
 font-size:1.2em; 
    font-weight: 100; font-style: italic; color: gray;
}


.listeAssoc {
font-size: 1.2em;
font-family: helvetica;
 font-weight: 100; 
 font-style: italic; 
}


#col_milieu {
  position: absolute; 
  visibility: visible; 
  left: 272px; 
  top: 543px; 
  width: 450px; 
  height: 408px; 
  z-index: 4;
}

/* interieur du corps*/


/* les deux colonnes de droite*/


#bouton {
position: absolute; 
visibility: visible; 
left: 738px; 
top: 197px; 
width: 156px; 
height: 25px; 
z-index: 9;
background-image:  url("../photos/bouton-bleu.jpg");
background-repeat: no-repeat;
}


#bouton  p  {font-weight: bold; font-size: 9pt; padding-top:1px; padding-bottom: 2px; padding-left: 10px;  color: rgb(255, 255, 255);}


#colonne_droite {
position: absolute; 
visibility: visible; 
background-color: #e0e6ea;
background-image: url("../photos/fond_actu.gif"); 
background-repeat: no-repeat;
left: 737px; 
top: 213px; 
width: 156px; 
height: 265px; 
z-index: 3;
}

#bloc_infos {
	position: absolute;
	visibility: visible;
	left: 738px;
	top: 481px;
	width: 156px;
	height: 496px;
	z-index: 10;
	background-color: #FFFFFF;
	background-image: url("../photos/fond_gauche1.jpg");
	
}

.fond_blancdroit {
position: absolute; 
visibility: visible; 
left: 741px; 
top: 466px; 
width: 159px; 
height: 398px; 
z-index: 14; 
background-color: #FFFFFF; 
background-repeat: no-repeat; 
}


.TexteActu_infos {
text-align: center;
height: auto;
margin-left: 5px;
padding: 9px 9px 10px; 
background-image:  url("../photos/fond_actu.gif");
background-repeat: no-repeat;
font-family: verdana, arial, helvetica, sans-serif; 
font-weight: normal;  
}





/* fin des deux colonnes de droite*/

#photo_pdf {
position: absolute; 
visibility: visible; 
left: 753px; 
top: 624px; 
width: 131px; 
height: 37px; 
z-index: 16;
background-image:  url("../photos/telecharge_bulletinpng.png"); 
background-repeat: no-repeat;
}

#barque {
position: absolute; 
visibility: visible; 
left: 748px; 
top: 666px; 
width: 65px; 
height: 94px; 
z-index: 17;
background-image: url("../photos/page--barque.jpg");  width="65" height="92"  alt="bulletin" />;
background-repeat: no-repeat;
}

#decembre_2006 {
position: absolute; 
visibility: visible; 
left: 817px; 
top: 667px; 
width: 65px; 
height: 95px; 
z-index: 18;
background-image: url("../photos/couverture-decembre.jpg");  width="65" height="92"  alt="bulletin 2006" />;
background-repeat: no-repeat;
}

#juillet_2007 {
position: absolute; 
visibility: visible; 
left: 748px; 
top: 769px; 
width: 65px; 
height: 92px; 
z-index: 19;
background-image: url("../photos/bulletin-juillet-2007.jpg"); alt="juillet 2007" width="65" height="91" />;
background-repeat: no-repeat;
}

#decembre_2007 {
position: absolute; 
visibility: visible; 
left: 817px; 
top: 768px; 
width: 65px; 
height: 94px; 
z-index: 20;
background-image: url("../photos/decembre-2007.jpg"); alt="decembre 2007" width="65" height="92" />;
background-repeat: no-repeat;
}	   

#juillet_2008 {
position: absolute; 
visibility: visible; 
left: 748px; 
top: 867px; 
width: 65px; 
height: 92px; 
z-index: 19;
background-image: url("../photos/juillet-2008.jpg"); alt="juillet 2008" width="65" height="91" />;
background-repeat: no-repeat;
}		   

#decembre_2008 {
position: absolute; 
visibility: visible; 
left: 817px; 
top: 867px; 
width: 65px; 
height: 94px; 
z-index: 20;
background-image: url("../photos/decembre-2008.jpg"); alt="decembre 2008" width="65" height="92" />;
background-repeat: no-repeat;
} 

#juillet_2009 {
position: absolute; 
visibility: visible; 
left: 748px; 
top: 967px; 
width: 65px; 
height: 92px; 
z-index: 19;
background-image: url("../photos/juillet-2009.jpg"); alt="juillet 2009" width="65" height="91" />;
background-repeat: no-repeat;
}

 #decembre_2009 {
position: absolute; 
visibility: visible; 
left: 817px; 
top: 967px; 
width: 65px; 
height: 94px; 
z-index: 20;
background-image: url("../photos/decembre-2009.jpg"); alt="decembre 2009" width="65" height="92" />;
background-repeat: no-repeat;
}

 #juillet_2010 {
position: absolute; 
visibility: visible; 
left: 748px; 
top: 1067px; 
width: 65px; 
height: 92px; 
z-index: 19;
background-image: url("../photos/juillet-2010.jpg"); alt="juillet 2010" width="65" height="91" />;
background-repeat: no-repeat;
}




#programmecentre {
position: absolute;
left: 300px; 
top: -40px; 
width: 136px; 
height: 189px; 
z-index: 20;
background-image: url("../photos/programme-activit-copie.jpg"); alt="programme" width="136" height="189" />;
background-repeat: no-repeat;
}

 

.texteagenda
{
font-family: verdana,arial,helvetica,sans-serif; 
font-size: 10px; 
color: rgb(62, 71, 83); 
padding: 0px 0px 0px 20px;
font-weight: normal; 
}
 


.gauche {
top: 10px;
float: left;
}

/* présentation photos élus */
.Colonne1 {
margin: 0pt; padding: 0px 10px; width: 197px; display: table; float: left; }







 







.container  table{
	margin: auto;
	width: 430px;
	height: 80px;
	position: absolute;
	font-family: sans-serif;
	font-size: 12px;
	border: 1px solid #6495ed;
	background-color: #d9e5ff;
	text-align: center;
	top: -86px;
	left: 3px;
}








.bloc_maire {
position: relative;
left: 8px;
width: 370px;
}


.liste_commerces td{
position: relative;
margin-top: 52px;
font-size: 12px;
font-family: helvetica;
 font-weight: normal; 
 font-style: italic;
border: 2px solid #96c932;

}
.liste_commerces table {
margin-top: 12px;
border-collapse: collapse;
width: 420px;
} 



.ColonneDroite {
  position: relative;
  top: 0px;
  margin-left: 0px;
  width: 167px;
  height: auto;
  float: right;
  padding-left: 5px;
 
  background: rgb(255,255, 255);
  }





.titrebloc_actu_droit, .textetitre_actu_droit {			/* texte actualites */
  position: relative;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 11px;
  color: white;
  font-weight: bold;
  background-color: rgb(160, 171, 206);
  text-align: left;
}

.titre_infos {								   /*  hauteur bandau bleu clair titre */
  position: relative;
  text-align: left;
  width: 168px;
  height: 18px;
  margin-top: 0px;
}

.textetitre_bloc_infos {								 /*  hauteur bandau bleu fonce titre */
  margin: 0px;
  background: #9dacdd ;
  position: relative;
  text-align: left;
  margin-top: 0px;
  height: 18px;
  padding-left: 9px;
  padding-right: 10px;
  padding-top: 5px;
}










.TexteActualites a {
  font-family: verdana,arial,helvetica,sans-serif;				 /*  texte usine, galilee */
  font-size: 10px;
  color: #3e4753;
  font-weight: normal;
  background-color: transparent;
  text-decoration: none;
}



.TexteActualites a:hover {
  color: #f35600;
  background-color: transparent;
}
.bloc_infos {  
  position: relative;
  margin-top: 30px;
  background-color: #e0e6ea;
  width: 168px;
  height: auto;
}

#photomairie {
position: absolute; 
visibility: visible; 
left: 751px; 
top: 517px; 
width: 109px; 
height: 91px; 
z-index: 14;
background-image: url("../photos/mairieessai.jpg"); 
background-repeat: no-repeat;
}


#mairie {
position: absolute; 
visibility: visible; 
left: 281px;  
top: 196px; 
width: 441px; 
height: 84px; 
z-index: 6;
}





.contenant {
margin-top: 190px;
position: relative;

}

.liste_conseillers li {
position: relative;
display: inline;
list-style-type: none;
font-size: 0.7em;
margin-left: 0px;
}








.Rubriquelienutile { position: relative; margin-top: 20px; width: 167px; text-align: center; }
.Bloclienutile{ padding: 0px 0px 5px; background: rgb(255, 255, 255); width: 158px; text-align: left; display: table; }





.inter01 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #000000;
}
.bandecouleur {
  padding: 10px 7px 5px 10px;
  width: 420px;
  height: auto;
  background-color: #91a7cd;
  font-size: 12px;

}
.titre {
  padding: 5px;
  background-color: #ffffff;
  font-family: verdana,arial,geneva;
  font-weight: bold;
}
.paragraphe {
  background-color: #ebebeb;
}
.titre01 {
  padding: 5px;
  font-size: 13px;
  background-color: #e0e6ea;
}

.demiboite_gauche {

padding: 0px;
margin-top: 95px;
background-color: #307f2b;
color: white;
font-size: 1.0em;
font-family: verdana;
width: 420px;
}

 



#acces_rapide {
position: absolute;
width: 300px;
height: 30px;	
margin: right;
left: 580px;
top: 84px;
font-size: 0.7em;
list-style-type: none;
color: white;
text-align: right;
z-index: 12;
}

#acces_rapide li {
display: inline;
}

#acces_rapide a{
color: white;
text-decoration: none;
}

#acces_rapide a:hover {
text-decoration: underline;
}

.sbasdepage {
background-color: rgb(255, 255, 255);
text-align: center; width: 780px;
margin-bottom: 20px;
}

ul #footer {
  padding: 8px;
  background: #F8F8FF;
  position: absolute;
  text-align: center;
  height: auto;
  width: 500px;
  margin-top: auto;
  margin-left: 60px;
}






#raisonsocial ul{
position: relative;
display: block;
list-style-type: none;
}

   
#raisonsocial li {
display: inline;
font-size: 0.7em;
}
 
 .roundedcornr_box_985714 {
	   background: #ADD8E8;
	  
}
.roundedcornr_top_985714 div {
   background: url(roundedcornr_985714_tl.png) no-repeat top left;
}
.roundedcornr_top_985714 {
   background: url(roundedcornr_985714_tr.png) no-repeat top right;
}
.roundedcornr_bottom_985714 div {
   background: url(roundedcornr_985714_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_985714 {
   background: url(roundedcornr_985714_br.png) no-repeat bottom right;
}

.roundedcornr_top_985714 div, .roundedcornr_top_985714, 
.roundedcornr_bottom_985714 div, .roundedcornr_bottom_985714 {
   width: 100%;
   height: 15px;
  
}
.roundedcornr_content_985714 { margin: 0 30px; 
}