body      	{ background: #6D7B81 repeat-x; margin: 10px 0; padding: 0; border: 0 }
#conteneur	      { font-family: "Lucida Grande", Verdana, Lucida, serif; background: url(../im/conteneur.jpg) repeat-y; margin: auto; width: 935px }
#tete   		     { background: url(../im/teteFlash.gif) no-repeat; margin: 0px; padding-top: 23px; padding-left: 23px; width: 912px; height: 149px }
#html>div#tete { background: url(../im/teteFlash.gif) no-repeat; margin: 0px; padding-top: 23px; padding-left: 23px; width: 935px; height: 149px }
#corp				       { }
#pied    		       { color: #c0c0c0; font-size: 12px; background-image: url(../im/pied.jpg); width: 935px; height: 72px }
#colDroite      { text-align: center; float: left; border-left: 1px dotted silver; width: 160px; height: auto }

#colGauche       { float: left; padding-left: 25px; width: 243px; height: auto }

#tete a  { text-indent: -2000px; width: 220px; height: 100px; display: block }

.btGauche       { text-align: center; margin-left: 3px; padding-top: 4px; padding-bottom: 4px; border-top: 1px none; border-bottom: 1px solid #aaa }
.btGauche a, .btGauche a:visited    { color: #aaa; font-weight: bold; font-size: 11px; text-decoration: none }
.btGauche a:hover    { color: #696969 }

.btGaucheS  { text-align: center; margin-left: 3px; padding-top: 4px; padding-bottom: 4px; border-bottom: 2px solid #000 }
.btGaucheS a, .btn-gauche-s a:visited   { color: #000; font-weight: bold; font-size: 11px; text-decoration: none }
.btGaucheS a:hover { text-decoration: underline }

#contenu               { color: black; font-size: 12px; float: left; margin: 0px; padding: 15px 35px }
#contenu a, #contenu a:visited  { color: #0d3896; text-decoration: none; padding-top: 2px; padding-right: 2px; padding-left: 2px; border-bottom: 1px solid #0d3896 }
#contenu a:hover  { color: white; text-decoration: none; background-color: #0d3896; border-bottom: 1px solid #0d3896 }
#contenu h1       { color: #0d3896; font-weight: bold; font-size: 20px; background-repeat: no-repeat; text-transform: uppercase; word-spacing: 2px; letter-spacing: 2px; margin: 0px 0px 0px -5px; padding: 0px }
#contenu h2   { color: black; font-weight: bold; font-size: 12px; text-decoration: none; background-repeat: no-repeat; text-indent: 28px; padding-top: 9px; width: 150px; height: 32px; display: block }


.parag h1      { font-weight: bold; font-size: 14px; letter-spacing: 2px; padding-left: 3px }
.titre   { background-repeat: no-repeat; background-position: left bottom }

.photoGC                     { font-size: 9px; line-height: 10px; background-color: white; text-align: center; float: left; margin-right: 10px; margin-bottom: 5px; padding: 6px; border-style: solid; border-width: 1px; border-color: #d3d3d3 #696969 #696969 #d3d3d3 }
.photoG           { font-size: 9px; line-height: 10px; text-align: center; float: left; margin-right: 10px; margin-bottom: 5px; padding: 0 }
.photoDC                  { font-size: 9px; line-height: 10px; background-color: white; text-align: center; float: right; margin-bottom: 5px; margin-left: 10px; padding: 6px; border-style: solid; border-width: 1px; border-color: #d3d3d3 #696969 #696969 #d3d3d3 }
.photoD           { font-size: 9px; line-height: 10px; text-align: center; float: right; margin-bottom: 5px; margin-left: 10px; padding: 0; border: solid 0 #39546d }

.dates  { color: #ee7900; font-weight: bold; margin-top: 0; padding-top: 0 }

.soustitre      { font-weight: bold; font-size: 14px; margin-top: 0; padding-top: 0; padding-left: 3px }

.tarif  { font-weight: bold; background-color: #eef1af; text-align: center; margin-top: 2px; margin-bottom: 2px; padding-top: 2px; padding-bottom: 2px }

p { margin-top: 0.75em; margin-bottom: 0.75em }

.petit { font-size: 10px; font-family: Tahoma, Arial, sans-serif }

.lightbox        { text-align: center; margin: 5px 0; padding: 0; border-style: solid; border-width: 1px; border-color: #d5d59f #fff #fff #d5d59f }

h3  { color: #313131; font-size: 14px }

.parag  { margin-top: 10px; margin-bottom: 5px }
.parag h4      { color: #ff5900; font-size: 16px; margin-top: 20px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; border-bottom: 2px solid #ff5900 }
.parag h5     { color: #559312; font-size: 14px; margin-top: 10px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px }

.lien   { color: #6cf; font-size: 11px; font-family: verdana, "Times New Roman", Georgia, Times; text-decoration: none; padding-bottom: 5px }

.titreGros    { color: #936700; font-size: 16px; margin-top: 20px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; border-bottom: 2px solid #ee7900 }
.titre       { color: black; text-align: left; margin-top: 0px; margin-bottom: 10px; padding: 4px }

ul#lienspied    { text-decoration: none; list-style-type: none; padding-top: 33px; padding-left: 508px }
ul#lienspied li  { float: left; margin: 0; padding-top: 0; padding-bottom: 0 }
#piedcontact a, #piedlexique a, #piedrecherche a, #piedcontact-s a, #piedlexique-s a, #piedrecherche-s a  { text-indent: -4000px; height: 20px; display: block }
#piedcontact a     { background-image: url(../im/btn-pied-contact-v3.gif); width: 105px }
#piedlexique a    { background-image: url(../im/btn-pied-textes-v3.gif); width: 143px }
#piedrecherche a   { background-image: url(../im/btn-pied-telecharger-v3.gif); width: 116px }
#piedcontact-s a      { background: url(../im/btn-pied-contact-v3.gif) 0 -40px; width: 105px }
#piedlexique-s a        { background: url(../im/btn-pied-textes-v3.gif) 0 -40px; width: 143px }
#piedrecherche-s a     { background: url(../im/btn-pied-telecharger-v3.gif) 0 -40px; width: 116px }
#piedcontact a:hover, #piedlexique a:hover, #piedrecherche a:hover  { background-position: 0 -20px }


#nav-tete                 { margin: 0; padding-top: 27px; padding-left: 360px; height: 31px; display: block }
ul#nav-tete1             { text-decoration: none; list-style-type: none; margin: 0; padding: 0 0 0 50px; height: 31px; display: block }
ul#nav-tete1 li{ margin: 0; padding: 0 10px; float: left }
#nav-tete1-1 a, #nav-tete1-1 a:visited, #nav-tete1-2 a, #nav-tete1-2 a:visited  { text-indent: -2000px; margin: 0; padding: 0; height: 31px; display: block }
#nav-tete1-1 a, #nav-tete1-1 a:visited       { background-image: url(../im/btn-tete-eau.gif); width: 149px }
#nav-tete1-2 a, #nav-tete1-2 a:visited      { background-image: url(../im/btn-tete-assainissement.gif); width: 261px }
#nav-tete1-1 a:hover, #nav-tete1-1 a:focus, #nav-tete1-1 a:active, #nav-tete1-2 a:hover, #nav-tete1-2 a:focus    { background-position: 0 -30px; height: 31px }

#navig              { background-image: url(../im/navig-bas.jpg); margin: 0; width: 935px; height: 33px; display: block }
ul#navig1              { text-decoration: none; list-style-type: none; margin: 0; padding: 2px 0 0 30px;  display: block }
ul#navig1 li  { float: left; margin: 0; padding-top: 0; padding-bottom: 0 }
#nav1-1 a, #nav1-1 a:visited, #nav1-2 a, #nav1-2 a:visited, #nav1-3 a, #nav1-3 a:visited, #nav1-4 a, #nav1-4 a:visited, #nav1-5 a, #nav1-5 a:visited, #nav1-6 a, #nav1-6 a:visited   { text-indent: -2000px; margin: 0; padding: 0; height: 25px; display: block }
#nav1-1 a, #nav1-1 a:visited, #nav1-1S a       { background-image: url(../im/nav.1-smeal.gif); width: 106px }
#nav1-2 a, #nav1-2 a:visited, #nav1-2S a       { background-image: url(../im/nav1-eau.gif); width: 105px }
#nav1-3 a, #nav1-3 a:visited, #nav1-3S a      { background-image: url(../im/nav1-production.gif); width: 135px }
#nav1-4 a, #nav1-4 a:visited, #nav1-4S a     { background-image: url(../im/nav1-assainissement.gif); width: 256px }
#nav1-5 a, #nav1-5 a:visited, #nav1-5S a     { background-image: url(../im/nav1-partenaires.gif); width: 156px }
#nav1-6 a, #nav1-6 a:visited, #nav1-6S a     { background-image: url(../im/nav1-actu.gif); width: 119px }
#nav1-1 a:hover, #nav1-1 a:focus, #nav1-1 a:active, #nav1-2 a:hover, #nav1-2 a:focus, #nav1-2 a:active, #nav1-3 a:hover, #nav1-3 a:focus,  #nav1-3 a:active, #nav1-4 a:hover, #nav1-4 a:active, #nav1-4 a:focus, #nav1-5 a:hover, #nav1-5 a:focus, #nav1-5 a:active, #nav1-6 a:hover, #nav1-6 a:focus, #nav1-6 a:active      { background-position: 0 -24px; height: 25px }
#nav1-1S a, #nav1-2S a,#nav1-3S a,#nav1-4S a,#nav1-5S a,#nav1-6S a  { background-position: 0 -49px; text-indent: -2000px; height: 24px; display: block }


#ssnav      { background: #dbedfb url(../im/navig-bas3.gif) no-repeat left bottom; margin: 0px 24px 0px 22px; padding: 5px 30px 12px; border-top: 1px solid #fff } 
ul#navig2 { color: #5aacff; text-decoration: none; list-style-type: none; margin: 0px; padding: 0px; font-size: 12px; line-height: 15px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
ul#navig2 li  { float: left; margin: 0px 0px 4px 0; padding: 0px 10px; border-right: 1px solid #5aacff }
#nav2-1 a, #nav2-1 a:visited, #nav2-2 a, #nav2-2 a:visited, #nav2-3 a, #nav2-3 a:visited, #nav2-4 a, #nav2-4 a:visited, #nav2-5 a, #nav2-5 a:visited, #nav2-6 a, #nav2-6 a:visited { color: #5aacff; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; margin: 0px; padding: 0px; display: block }
#nav2-1 a:hover  { font-size: 12px; border-bottom: 1px solid #5aacff }
#nav2-1S a  { color: #ff6b00; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; border-bottom: 1px solid #ff6b00; display: block }
#nav2-1S a:hover { color: #ff3100; background-color: #dbedfb; border-bottom: 1px solid #ff6b00 }

.nav2-1 a { color: #5aacff; margin: 0px; padding: 0px; border-bottom: 1px solid #dbedfb; white-space: nowrap; text-decoration: none }
.nav2-1 a:hover  { border-bottom: 1px solid #5aacff; text-decoration: none }
.nav2-1S a { color: #ff6b00; border-bottom: 1px solid #ff6b00; text-decoration: none }
.nav2-1S a:hover { color: #ff3100; background-color: #dbedfb; border-bottom: 1px solid #ff6b00; text-decoration: none; text-decoration: none }

/*pour explorer paddin-top 3px 
html>body div#nav2-1S a   { color: #393; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline; padding-top: 3px; display: block }*/

#refer   { color: #a5bac3; font-family: Tahoma, serif; margin: auto; width: 850px }
#refer h1  { font-size: 11px }
#refer h2  { font-weight: normal; font-size: 9px }