/* CSS Document */

/* !!!!!!!!!! RECURRENT !!!!!!!!!!!!!!! */
div span {text-decoration:none;}/* espace retour ligne pour les liens */
h1 {font-size:95%; display:inline;}
h2 {font-size:100%; font-weight:normal; display:inline;}

/* bloc de texte sous-page à texte pour aligner footer au bas de la photo */
#e-esterra-bloc {/*height:250px;*/ height:auto; overflow:auto;}
#e-esterra-bloc p {margin:4px 0;}


/* !!!!!!!!!! ESTERRA ENVIRONNEMENT !!!!!!!!!!!! */
#esterra-environnement {position:relative; margin:0 17% 40px 17%; background-color:#F3F3F3; background-image:url(../traitement-dechet-images/proprete-urbaine-servback.jpg); background-repeat:no-repeat; padding:10px 5px;}
#titre-dechet-1 {font-size:115%; display:block; margin-left:20%; margin-right:20%;}
#boutons-acces-dechets {position:relative; width:280px; margin:0 17%;}
#boutons-acces-dechets img {float:left;} /* boutons bas de page */
#bouton-droite {margin-left:38px;}
/* !!!!!!!!!! titre pour sous-pages à texte plus large !!!!!!!!!!!!! */
#e-titre-dechet-1 {font-size:115%; display:block; margin:0 0 4px 0;/*margin-left:20%; margin-right:20%;*/}



/* !!!!!!!!!!!!! COMPRENDRE MODES COLLECTES !!!!!!!!!!!!!!!!!!! */
#titre-dechet-2 {font-size:115%; display:block;}
/* colonne à gauche en corps page */
#calque-liens {width:180px; margin-bottom:0; position:relative; z-index:2; float:left;}
#calque-liens img {visibility:hidden; position:relative;  z-index:2; top:-1px} /* fleche noire */
/* pas de déco pour liens de gauches */
#calque-liens a {text-decoration:none;}
#calque-liens a:hover {text-decoration:underline;}
#calque-liens a:visited {color:#0000FF;}
/* !!!!!!!!!!!!!!!!!!!! */
/* colonne de droite en corps page */
#conteneur-calques {z-index:1; position:relative; width:240px; float:left; visibility:hidden;}
#conteneur-calques div {position:absolute; width:239px; background-repeat:no-repeat; padding:10px 2px 20px 5px; background-color:#F3F3F3;}
#tri-selectif {margin-top:-10px; background-image:url(../traitement-dechet-images/dechet-collectivite-probak1.jpg);}
#collecte-tradi {margin-top:38px; background-image:url(../traitement-dechet-images/dechet-collectivite-probak1.jpg);}
#encombrants {margin-top:86px; background-image:url(../traitement-dechet-images/dechet-collectivite-probak1.jpg);}

/* !!!!!!!!!!!!!!!!!!!!! */
/* boutons et paragraphe bas page */
#boutons-dechets-collectes {float:right; width:100%; margin:35px 0 10px 0;}
#collecte-dechetterie {float:right; width:100%;}
#collecte-dechetterie p {display:inline;}


/* !!!!! COLLECTE SELECTIVE !!!!!!! */
#e-esterra-bloc-selective ul {margin:0 0 0 20px; padding:0 0 0 5px; list-style-type:square}


/* !!!!!!!! SERVICES ESTERRA  !!!!!!!!!!! */
#services-esterra {position:relative; margin:0 17% 40px 17%; background-color:#F3F3F3; background-image:url(../traitement-dechet-images/proprete-urbaine-servback.jpg); background-repeat:no-repeat; padding:10px 5px;}
#esterra-plus {position:relative; margin:0 17% 10px 17%; text-align:justify;}
#titre-dechet-3 {font-size:115%; display:block; margin-right:17%; margin-left:17%;}


/*!!!!!!!!!!!!! DECHETTERIES !!!!!!!!!!!!!!!! */
#titre-dechet-4 {font-size:115%; display:block; margin-top:-3px; margin-left:21%; margin-right:21%;}
#esterra-dechetteries {position:relative; margin:-6px 6% 15px 6%; background-color:#F3F3F3; background-image:url(../traitement-dechet-images/dechetterie-probak1.jpg); background-repeat:no-repeat; padding:10px 5px;}
#plan-acces-dechetterie td {text-align:center; vertical-align:top;}

/*!!!!!!!!!!! plan d'acces décheteries !!!!!!!! */
#esterra-dechetteries-2 {position:relative; margin:-6px 0 15px 0; background-color:#F3F3F3; background-image:url(../traitement-dechet-images/dechetterie-proback3.gif); background-repeat:repeat; padding:10px 10px;}
#titre-dechet-4bis {font-size:115%; display:block; margin-top:-3px; width:80%; text-align:center; margin-left:auto; margin-right:auto;}

/*!!!!!!!!!!!!!!!! SIGNALETIQUE DECHETTERIES !!!!!!!!!!!!!! */
#text0 {position:relative; text-align:justify;}
#poussefoot {position:relative; height:650px; display:none;}
#ds1, #ds2, #ds3, #ds4, #ds5, #ds6, #ds7, #ds8, #ds9 {position:absolute; visibility:hidden; margin-left:27%;}
#dp1, #dp2, #dp3, #dp4, #dp5, #dp6 {position:absolute; visibility:hidden; margin-left:0%;}


/*!!!!!!!!!!!!!!!!!!!! PHP !!!!!!!!!!!!!!!!!! */
th {text-align:center; border-bottom:1px solid #ffffff}