html, body { height: 100%}
a, input{position: relative;z-index:1 ;outline: none;}
a:focus{-moz-outline-style: none;}
hr { margin: 0; padding: 0; boder: none;display:none }
img{
border: 0;
}
body { background: #7e7373 url(../im/body.gif) repeat-x; margin: 0px 0; padding: 0; border: 0 }
p { margin: 0px!important; padding: 8px 0px 0px 8px }
h1,h2,h3,h4,h5{margin-bottom:10px!important; padding-bottom:2px!important}
/* */
#conteneur { font-family: "Lucida Grande", Verdana, Lucida, serif; background: url(../im/conteneur.jpg) repeat-y; margin: auto; padding: 0px; width: 1000px; overflow: hidden; /*min-height: 100%*/ }
#conteneur-accueil { font-family: "Lucida Grande", Verdana, Lucida, serif; background: url(../im/conteneur-accueil.jpg) repeat-y; margin: auto; padding: 0px; width: 1000px; overflow: hidden }
#tete { background: url(../im/tete.jpg) no-repeat; width: 1000px; height: 217px }
#tete-accueil a { float: left; width: 239px; height: 190px; display: block }
*html #tete-accueil a { float: left; width: 280px; height: 190px; display: block }
#navig { padding-top: 27px; overflow: hidden; 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-right: 0; padding-bottom: 0; height: 158px; 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-top: 0; margin-bottom: 0; height: 158px; display: block }
ul#menu-haut li#nav1 a, ul#menu-haut li #nav1 a:visited ,ul#menu-haut li#nav1-s a, ul#menu-haut li #nav1-s a:visited { background-image: url(../im/Btn-nav1.jpg); width: 209px }
ul#menu-haut li#nav2 a, ul#menu-haut li #nav2 a:visited, ul#menu-haut li#nav2-s a, ul#menu-haut li #nav2-s a:visited { background-image: url(../im/btn-nav2.jpg); width: 225px }
ul#menu-haut li#nav3 a, ul#menu-haut li #nav3 a:visited , ul#menu-haut li#nav3-s a, ul#menu-haut li #nav3-s a:visited { background-image: url(../im/btn-nav3.jpg); width: 282px }
ul#menu-haut li#nav1 a:hover,ul#menu-haut li#nav2 a:hover,ul#menu-haut li#nav3 a:hover, ul#menu-haut li#nav3-s a, ul#menu-haut li #nav3-s a:visited, ul#menu-haut li#nav2-s a, ul#menu-haut li #nav2-s a:visited,ul#menu-haut li#nav1-s a, ul#menu-haut li #nav1-s a:visited { background-position: 0px -158px }
#corp { clear: both; margin: 0px; padding: 0px 0px 48px; overflow: hidden; min-height: 100% }
#pied { background: url(../im/pied.jpg) no-repeat;height:10px;width:1000px;/*position: absolute;bottom: 0;*/ }
#colDroite { float: left; width: 490px; height: auto }
#colGauche { background: url(../im/colGaucheBas.jpg) no-repeat left bottom; float: left; padding-left: 13px; width: 160px; min-height: 100% }
ul#menu-colGauche li { margin: 0px 0 0; padding: 0px }
ul#menu-colGauche { font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; list-style-type: none; float: left; margin: 0; padding-top: 30px; padding-bottom: 0; padding-left: 0px; display: block }
ul#menu-colGauche li a, ul#menu-colGauche li a:visited { color: #690; font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; background: no-repeat left top; text-align: center; vertical-align: middle; float: left; margin-top: 0; margin-bottom: 4px; padding-right: 2px; padding-left: 10px; width: 115px; format: (TrueDoc); src: url(BalzanoStd); display: block }
*html ul#menu-colGauche li a, *html ul#menu-colGauche li a:visited { font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
ul#menu-colGauche a:hover { color: #fff !important; text-decoration: none }
ul#menu-colGauche li#menu-colGauche-s a, ul#menu-colGauche li #menu-colGauche-s a:visited { color: #fff; font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background: no-repeat left top; width: 115px }
/* */
#contact { background: transparent url(../im/contact.png); margin-left: 50px; padding-top: 30px; padding-left: 25px; width: 72px; height: 80px }
*html #contact{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src=../im/contact.png);background-image:none}
ul#menu-contact li { margin: 0px 0 0; padding: 0px }
ul#menu-contact { font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; list-style-type: none; float: right; margin: 0; padding: 5px 30px 0 5px; display: block }
ul#menu-contact li a, ul#menu-contact li a:visited { color: #fff; font-size: 14px; text-decoration: none; background: no-repeat left top; float: right; display: block }
ul#menu-contact a:hover { color: #fff; text-decoration: underline }
ul#menu-contact li#menu-contact-s a, ul#menu-contact li #menu-contact-s a:visited { color: #fff; font-size: 14px; text-decoration: underline; background-repeat: no-repeat }
.btGauche { text-align: center; margin-left: 3px; padding-top: 4px; padding-bottom: 4px; border-top: 1px none; border-bottom: 1px solid #aaa }
#btn-carte a,#btn-carte a:visited { background: url(../im/btn-carte.gif) no-repeat; text-indent: -2000px; margin: 0px 0px 100px; padding-top: 0px; padding-right: 0px; padding-left: 0px; width: 132px; height: 130px; overflow: hidden; display: block }
#btn-carte a:hover { background-position: 0px -128px }
.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, #contenu-large { color: black; font-size: 12px; float: left; margin: 0px; padding: 0px 15px 15px; width: 280px }
*html #contenu,*html #contenu-large { color: black; font-size: 12px; float: left; margin: 0px; padding: 0px 15px 15px; width: 280px }
#contenu-large { width: 770px !important;overflow:hidden}
#contenu a, #contenu a:visited ,#contenu-large a, #contenu-large a:visited { color: #903; text-decoration: none; padding-right: 2px; padding-left: 2px }
#contenu a:hover, #contenu-large a:hover { text-decoration: underline }
#contenu h1,#col-accueil-1 h1,#col-accueil-2 h1, #contenu-large h1 { color: #fa7200 !important; font-style: normal; font-weight: bold; font-size: 15px; font-family: verdana, arial; background-repeat: no-repeat; word-spacing: 2px; letter-spacing: 2px; margin: 0px; padding: 0px }
#bloc-ss-menu { clear: both; margin: 0px; padding-right: 30px; padding-bottom: 0px; padding-left: 190px }
*html #bloc-ss-menu { padding-right: 80px; padding-left: 190px; width: 800px; display: block }
ul#ss-menu li { float: left; margin: 0px 0 0; padding: 0px;display: block }
ul#ss-menu { color: #090909; font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; list-style-type: none; float: left; margin: 0px; display: block }
ul#ss-menu li a, ul#ss-menu li a:visited { color: #080808; font-weight: 600; text-decoration: none; margin: 0px; padding: 5px 5px 0px; display: block }
ul#ss-menu li a:hover { text-decoration: underline }
ul#ss-menu li#ss-menu-s a, ul#ss-menu li #ss-menu-s a:visited { text-decoration: underline }
#contenu h2,#contenu-large 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 #c5c5c5 #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 #c5c5c5 #c5c5c5 #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 { font-size: 14px; padding-bottom: 10px }
.parag { color: #3b3b3b; font-size: 12px; margin-top: 10px; margin-bottom: 5px }
.parag h4 { color: #3f9fc8; font-weight: bold; font-size: 16px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; border-bottom: 1px solid #dcee7e }
.parag h5 { color: #2b2b2b; font-weight: bold; font-size: 14px; margin-top: 10px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px }
.parag a,.parag a:visited { color: #46308d}
.parag a:hover { color: #3f538d }
.lien { 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: center; margin-top: 0px; margin-bottom: 10px; padding: 4px; border: solid 3px silver }
#contactespace { width: 120px;padding-left:10px!important;display:block }
.separation { background: url(../im/separation.gif) no-repeat; clear: both; margin: 0px; padding: 0px; border: none; height: 11px }
#col-accueil-1 { font-style: italic; font-size: 12px; float: left; padding-left: 15px; width: 180px }
*html #col-accueil-1 {width: 180px!important;overflow:hidden }
#col-accueil-2 { float: left; padding-left: 25px; width: 448px;overflow:hidden }
.col-accueil-2-titre { color: white; background: #6eac51 no-repeat left bottom; height: 43px }
.col-accueil-2-titre-G { color: white; background: url(../im/Accueil-titre-savoir-plus-G.png) no-repeat left bottom; float: left; width: 33px; height: 43px }
.col-accueil-2-titre-D { color: white; background: url(../im/Accueil-titre-savoir-plus-D.png) no-repeat left bottom; float: right; width: 48px; height: 43px }
.col-accueil-2-titre-txt { float: left;padding-top:20px }
#col-accueil-droite { float: left; padding-right: 10px; padding-left: 20px; width: 110px }
.col-accueilTitre { color: white; font-weight: 600; font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background: url(../im/Accueil-titre-savoir-plusV2.gif) no-repeat; padding-top: 20px; padding-right: 30px; padding-left: 30px; width: 448px; height: 22px; overflow: hidden }
.ensavoirplus-cadre { background-color: #ebe7e7; padding: 8px; width: 432px }
.ensavoirplus-cadrepied { background: url(../im/ensvoirplus-cadrepied.gif) no-repeat -1px bottom; padding-bottom: 10px; width: 449px }
#col-accueil-droite-titre { background: url(../im/avoir.gif) no-repeat; padding-left: 40px; height: 65px; display: block }
.col-accueil-droite-encart a, .col-accueil-droite-encart a:visited { color: #360; font-size: 11px; font-family: Verdana, " Arial", " Helvetica", " Geneva", " Swiss", " SunSans-Regular"; text-decoration: none;display:block }
.col-accueil-droite-encart a:hover { color: #fff; font-size: 11px; font-family: Verdana, " Arial", " Helvetica", " Geneva", " Swiss", " SunSans-Regular"; background-color: #e73513 }
#texte-defilant { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-image: url(../im/texte-defile-p.gif); padding-top: 6px; height: 23px }
#contenu-accueil { float: left; width: 675px }
/*#contenu-accueil{background-color:black}*/
.separation-2 { background: url(../im/voir-separation.gif) no-repeat; margin-left: 20px; border: 0; width: 64px; height: 12px }
.barscoll a, .barscoll a:visited{ background: url(../im/savoirplus.gif) no-repeat; text-indent: -2000px; margin-left: 320px; width: 110px; height: 45px; display: block }
.ensavoirplus-commune a, .ensavoirplus-commune a:visited { background: url(../im/savoirplus-encartcommune.gif) ; text-indent: -2000px; margin-top: 10px; margin-left: 35px; width: 110px; height: 23px; overflow: hidden; display: block }
.ensavoirplus-commune a:hover { background-position: -115px 0px; width: 105px }
.barscoll a:hover,.ensavoirplus-commune a:hover { background-position: -115px 0px }
/* */
/*Formulaires*/
input, textarea{border: 1px solid #DDD;background: #F2F2F2;color: #333;}
textarea{width: 100%;}
input:focus, textarea:focus{border: 1px solid #999;}
fieldset{border: none;}
/* encart communes */
#encart-commune-haut { background-image: url(../im/encart-commune-haut.gif); width: 237px; height: 135px }
#encart-commune-millieu { color: white; font-size: 12px; background: url(../im/encart-commune-millieu.gif) repeat-y; padding-right: 30px; padding-left: 10px; width: 197px }
#encart-commune-bas { background-image: url(../im/encart-commune-bas.gif); width: 237px; height: 36px }
.avoir-titre { color: #fff; font-weight: bold; font-size: 13px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.separation3 { background: url(../im/separation3.gif) no-repeat; margin-top: -13px; margin-bottom: -5px; margin-left: -17px; width: 810px; height: 16px }
.separation4 { background: url(../im/separation3.gif) no-repeat; margin-left: -17px; padding-top: 10px; padding-bottom: 10px; width: 824px; height: 16px }
.phototheque { background-image: url(../im/btn-diaporama.gif); margin-left: -17px; width: 810px; height: 40px }