body   { background: #B8D0E0 url(../im/body.jpg) repeat-x; margin: 0px; padding: 0px }
a:link { color: #4d789e; font-size: 10px; font-family: Verdana, sans-serif; text-decoration: none }
a:visited { font-size: 10px; font-family: Verdana, sans-serif; color: #4d789e }
a:hover  { color: #ce120e; text-decoration: underline }
#conteneur  { margin: auto; width: 993px }
#tete  { background: url(../im/tete.jpg) no-repeat; padding-right: 9px; padding-left: 14px; width: 970px; height: 136px }
#corp { background: url(../im/corp.jpg) repeat-y; width: 993px }
*+html #corp{
	padding-bottom: 20px;
}
#pied   { background: url(../im/pied-2.jpg) no-repeat; clear: both; width: 993px; height: 30px }

#colGauche   { background: url(../im/colG.jpg) no-repeat left top; float: left; width: 253px; height: 420px }
#contenu    { float: left; padding-right: 30px; padding-left: 30px; width: 680px;p }
*html #contenu   { float: left; padding-right: 10px; padding-left: 10px; width: 710px; height: 420px }

#navig       { width: 970px; height: 30px; overflow: hidden; display: block }
#lien-accueil a  { text-indent: -2000px; width: 970px; height: 103px; display: block }
ul#menu-haut li  { float: left; margin: 0px 0 0; padding: 0px }
ul#menu-haut         { color: #010101; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; list-style-type: none; float: left; margin: 0; padding: 0px; height: 30px; display: block }
ul#menu-haut li a, ul#menu-haut li a:visited               { color: white; font-weight: bold; font-size: 14px; font-family: "Times New Roman", Georgia, Times; text-decoration: none; text-indent: -2000px; float: left; margin: 0px; padding: 0px; height: 30px; display: block }
ul#menu-haut li a:hover        { background-position:opx -30px  }

ul#menu-haut li#menu-haut1 a, ul#menu-haut li #menu-haut1 a:visited, ul#menu-haut li#menu-haut1-S a, ul#menu-haut li #menu-haut1-S a:visited      { background-image: url(../im/navig-1.jpg); width: 233px }
ul#menu-haut li#menu-haut2 a, ul#menu-haut li #menu-haut2 a:visited, ul#menu-haut li#menu-haut2-S a, ul#menu-haut li #menu-haut2-S a:visited     { background-image: url(../im/navig-2.gif); width: 191px }
ul#menu-haut li#menu-haut3 a, ul#menu-haut li #menu-haut3 a:visited,ul#menu-haut li#menu-haut3-S a, ul#menu-haut li #menu-haut3-S a:visited     { background-image: url(../im/navig-3.gif); width: 143px }
ul#menu-haut li#menu-haut4 a, ul#menu-haut li #menu-haut4 a:visited, ul#menu-haut li#menu-haut4-S a, ul#menu-haut li #menu-haut4-S a:visited     { background-image: url(../im/navig-4.gif); width: 102px }
ul#menu-haut li#menu-haut5 a, ul#menu-haut li #menu-haut5 a:visited,ul#menu-haut li#menu-haut5-S a, ul#menu-haut li #menu-haut5-S a:visited     { background-image: url(../im/navig-5.gif); width: 189px }
ul#menu-haut li#menu-haut6 a, ul#menu-haut li #menu-haut6 a:visited,ul#menu-haut li#menu-haut6-S a, ul#menu-haut li #menu-haut6-S a:visited     { background-image: url(../im/navig-6.gif); width: 112px }
ul#menu-haut li#menu-haut1 a:hover,ul#menu-haut li#menu-haut2 a:hover,ul#menu-haut li#menu-haut3 a:hover,ul#menu-haut li#menu-haut4 a:hover,ul#menu-haut li#menu-haut5 a:hover,ul#menu-haut li#menu-haut6 a:hover, ul#menu-haut li#menu-haut1-S a,ul#menu-haut li#menu-haut2-S a,ul#menu-haut li#menu-haut3-S a,ul#menu-haut li#menu-haut4-S a, ul#menu-haut li#menu-haut5-S a,ul#menu-haut li#menu-haut6-S a  { background-position: 0px -30px }
#navig-pied   { padding-top: 4px; padding-left: 515px }

#navig-pied a, #navig-pied a:visited  { color: #fff; font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; padding-right: 5px; padding-left: 5px }
#navig-pied a:hover   { text-decoration: underline }
#titre1  { background: url(../im/titre-1.gif) no-repeat; width: 180px; height: 71px }
#titre2  { background: url(../im/titre-2.gif) no-repeat; width: 472px; height: 71px }
#titre3  { background: url(../im/titre-3.gif) no-repeat; width: 317px; height: 71px }
#titre4  { background: url(../im/titre-4.gif) no-repeat; width: 317px; height: 71px }
#titre5  { background: url(../im/titre-5.gif) no-repeat; width: 409px; height: 71px }
#titre6  { background: url(../im/titre-6.gif) no-repeat; width: 334px; height: 71px }
#titre7   { background: url(../im/titre-7.gif) no-repeat; width: 409px; height: 71px }
#titre8  { background: url(../im/titre-8.gif) no-repeat; width: 157px; height: 71px }
#titre9  { background: url(../im/titre-9.gif) no-repeat; width: 267px; height: 71px }
.parag h2   { color: #2282bb; font-weight: bold; font-size: 14px; font-family: Verdana,Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background: url(../im/puce-rouge.gif) no-repeat left center; text-indent: 30px }
.parag h1    { color: #004e71; font-weight: bold; font-size: 14px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-repeat: no-repeat; vertical-align: middle }
p, .parag p, .contenu { color: #004e71 !important; font-style: normal; font-size: 12px; font-family: Verdana,Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.texte { color: #004e71 !important; font-style: normal; font-size: 12px; font-family: Verdana,Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.img-G { float: left; margin: 10px }
.img-D { float: right; margin: 10px }
.img-D-ras   { float: right; margin-top: -70px; margin-right: -20px }
.img-D-ras2  { float: right; margin-top: -70px; margin-right: -20px }
.img-D-ras3  { float: right; margin-top: -40px; margin-right: -20px }
*html .img-D-ras  { float: right; margin-top: -70px; margin-right: -10px }
*+html .img-D-ras  { float: right; margin-top: -70px; margin-right: -10px }
*html .img-D-ras2  { float: right; margin-top: -70px; margin-right: -10px }
*+html .img-D-ras2  { float: right; margin-top: -70px; margin-right: -10px }
#encart-lien-pied     { margin-left: 50px; position: relative; top: -20px; height: 20px }
*html #encart-lien-pied     { margin-bottom: -60px; margin-left: 50px; position: relative; top: -30px; height: 20px }
*+html #encart-lien-pied     { margin-bottom: -60px; margin-left: 50px; position: relative; top: -30px; height: 20px
}
#encart-lien-piedV2     { margin-left: 17px;}

/* scroll*************************************************************************************** */

#container   { margin-top: 0px; margin-bottom: 0px; margin-left: 50px; position: relative; width: 200px; height: 340px; overflow: hidden; display: block }
#container a { text-decoration: none; border: 0px }
.photo     { background: url(../im/cadre.gif) no-repeat; margin: 10px 10px 10px 5px; width: 160px; height: 160px }
.vignette  { padding-top: 5px; padding-left: 5px }
#presc   { background: url(../im/flecheH.gif) no-repeat; text-indent: -2000px; margin-left: 115px; width: 30px; height: 13px; display: block }
#suivant  { background: url(../im/flecheB.gif) no-repeat; text-indent: -2000px; margin-left: 115px; width: 30px; height: 13px; display: block }
#diaporama   { padding-top: 6px }
#encart-lien-pied1,#encart-lien-pied2,#encart-lien-pied3       { float: left; margin: 0px 5px 5px; width: 47px; height: 45px; overflow: hidden }
#encart-lien-pied0 { background: url(../im/G-10ans.gif) no-repeat; float: left; width: 56px; height: 50px;display:block }
#encart-lien-pied1 a,#encart-lien-pied1 a:visited    { background: url(../im/icone-pied1.gif) no-repeat; text-indent: -2000px; float: left; width: 47px; height: 45px; overflow: hidden; display: block }
#encart-lien-pied2 a,#encart-lien-pied2 a:visited    { background: url(../im/icone-pied2.gif) no-repeat; text-indent: -2000px; float: left; width: 47px; height: 45px; overflow: hidden; display: block }
#encart-lien-pied3 a,#encart-lien-pied3 a:visited    { background: url(../im/icone-pied3.gif) no-repeat; text-indent: -2000px; float: left; width: 47px; height: 45px; overflow: hidden; display: block }
#encart-lien-pied1 a:hover , #encart-lien-pied2 a:hover , #encart-lien-pied3 a:hover {background-position:0px -55px   }
#contact-entreprise a,#contact-entreprise a:visited { background: url(../im/contact-entreprise.gif) no-repeat; text-indent: -2000px; width: 251px; height: 25px;display:block }
#contact-municipalite a, #contact-municipalite a:visited { background: url(../im/contact-municipalite.gif) no-repeat; text-indent: -2000px; width: 251px; height: 25px;display:block }
#contact-entreprise a:hover, #contact-municipalite a:hover {background-position: 0px 25px}
#contact { font-size: 12px; float: left; padding-top: 20px }
.petit { font-size: 10px !important; font-family: Verdan,  Arial, Helvetica, Geneva, Swiss, SunSans-Regular }