html, body, h1, h2, h3, h4, ul, p, li { margin: 0; padding: 0; }
a { color: #c5d394; text-decoration: none;}
a:hover { color: #00FF00; text-decoration: none;}
.left { float: left; }
.right { float: right; }
.more { background: right url(../pics/dblearr.gif) no-repeat; text-align: right; padding: 8px 0 5px 0; }
.clear { clear: both; }
.retr10 { margin-left: 10px; }
.retr20 { margin-left: 20px; }
.titparb { font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #000000; padding-bottom: 5px; }
.titparb2 { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #000000; padding-bottom: 5px; text-align: center; }
.titparg { font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #589800; padding-bottom: 5px; }
.titparg2 { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #589800; padding-bottom: 5px; text-align: center; }
input option select textarea { font: 12px Arial, Helvetica, sans-serif; background: #fff; border: 1px solid; border-color: #aaa #ccc #ddd #bbb; }
.imglft { margin: 5px 10px 2px 0; border: 1px solid #ddd; padding: 5px; float: left; }
.imglft1 { margin: 5px 0px; border: 1px solid #ddd; padding: 5px; float: left; }
.imglfta { border: 1px solid #ddd; padding: 5px; margin: 5px 0; float: left; }
.minimglft { margin: 3px 3px 2px 0; padding: 0px ; float: left; }
.imgrght { margin: 5px 0px 2px 10px; float: right; border: 1px solid #ddd; padding: 5px;}
.imgrght1 { margin: 5px 20px 2px 10px; float: right; border: 1px solid #ddd; padding: 5px;}
.imgrghta { margin: 2px 0 2px 10px; float: right; border: 1px solid #ddd; padding: 5px;}
.minimgrght { margin: 3px 0 2px 3px; padding: 0px ; float: right; }
.imgrgt { margin: 0px 5px 2px 15px; float: right; border: 1px solid #ddd; padding: 5px;}
.icnlft { margin: 5px 10px 2px 0; padding: 0; float: left; }
.icnrght { margin: 5px 0 2px 10px; padding: 0; float: right; }
.more a { background: right url(../pics/dblearr.gif) no-repeat; font-family: verdana, arial, sans-serif; font-size: 9px; font-weight: bold; color: #FF5A00; padding: 1px 15px 5px 0; text-decoration: none; }
.more a:hover { text-decoration: none; color: #589800; }
a.thb { background-color: #819162; display: block; padding: 3px 3px 2px 3px; }
a.thb:hover{ background-color: #FFFF00; }
blockquote { width: 520px; margin: 0 0 0 30px; font: bold italic 12px "Times New Roman", Times, serif; }
body { background-color: ##E6DAAC; text-align: left; font: 11px Arial, Helvetica, sans-serif; color: #000000; }
/******************** layout ********************/
#wrapper { text-align: left; margin: 0px auto; width: 1114px; height: 960px; background: url(../pics/gr_bgwrap1.jpg) no-repeat; position: relative; }
#comm { width: 600px; text-align: justify; height: 555px;}
.report { padding-right: 15px; height: 520px; overflow: scroll; }
#header { background-color: #0f4a02; height: 240px; width: 970px; margin-left: 73px;}
#blason { position: absolute; top: 15px; left: 135px; z-index: 110; }
#logo { position: absolute; top: 110px; left: 100px; width: 320px; color: #FFFFFF; height: 120px; z-index: 120;}
#logslg1 {
position: absolute;
top: 170px;
left: 133px;
width: 280px;
height: 20px;
z-index: 119;
font: bold 14px "georgia", times new roman, times;
color: #FFFFFF;
}
#spbhor { border: none; position: absolute; top: 235px; right: 0px; background: url(../pics/spbhor.jpg) no-repeat; }
h3 { font: bold 14px arial, sans-serif; color: #589800; padding-bottom: 5px; }
h2 { background: url(../pics/navh2ess.jpg) no-repeat; text-align: center; padding-left: 10px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #695F4C; font-weight: bold; }
h4 { font: bold 14px arial, sans-serif; text-align: center; color: #1B1812; line-height: 30px; }
h5 { font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #589800; padding-bottom: 5px; text-decoration: none; }
/******************** menu ********************/
#mnutp { border: none; position: absolute; top: 199px; left: 732px; width: 308px; background-color: transparent; text-align: center; height: 35px; overflow: hidden;z-index: 110; }
#mnutp ul li { list-style: none; float: left; width: 102px; height: 25px; border: none; }
#mnutp li a { display: block; background-image: url(../pics/mnutp-.gif); text-decoration: none; color: #ffffff; width: 100px; height: 25px; margin-top: 4px;padding-top: 8px; font: bold 12px Verdana, Arial, Helvetica, sans-serif; text-align: center; }
#mnutp li a:hover { background-image: url(../pics/mnutp-ov.gif); margin-top: 7px; color: #ffffff; text-decoration: none; }
#mnutp a { text-decoration: none; color: #fff; }
#body { background-color:#0f4a02; margin-left: 75px; padding: 0px; width: 968px; height: 600px; }
#decbgwrpr { background: url(../pics/bgwrpr.jpg); position: absolute; top: 0; left: -75px; z-index: -50; }
/******************** superfish ********************/
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none;}
.sf-menu { line-height: 0.3; }
.sf-menu ul { position: absolute; top: -999em; width: 150px; margin: 0 12px 0 -12px;}
.sf-menu ul li { width: 130px;}
.sf-menu li:hover { visibility: inherit;}
.sf-menu li {float: left; position: relative;}
.sf-menu li li { background: none; padding-left: 0px; }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; z-index: 99; width: 170px; background-color: #a9b87f;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 172px; top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 155px; top: 0; }
/*** arrows **/
.sf-menu a.sf-with-ul { padding-right: 0.75em; min-width: 1px; }
.sf-sub-indicator { position: absolute; display: block; right: .25em; top: 1.05em; width: 8px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; }
a > .sf-sub-indicator { top: .4em; background-position: 0 -100px; }
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px; }
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position: -10px 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; }
/*** shadows for all but IE6 ***/
.sf-shadow ul { background-color: #336600; border:#0d3f01 solid 1px; padding: 0; -moz-border-radius-bottomright: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; }
.sf-shadow ul.sf-shadow-off { background: transparent; }
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li { width: 135px; }
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul { left: 184px; top: 0; }
/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -15px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/
/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator, .sf-vertical a:hover > .sf-sub-indicator, .sf-vertical a:active > .sf-sub-indicator, .sf-vertical li:hover > a > .sf-sub-indicator, .sf-vertical li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; }
/******************** sideleft ********************/
#sideleft { float: left; background: url(../pics/bg_sbleft4.jpg); margin-left: -1px; width: 180px; height: 600px; }
#sideleft #div1 { height: 194px; width: 173px;}
#sideleft #div2 { height: 195px; width: 173px; }
#sideleft #div3 { height: 142px; width: 173px; }
#sideleft h2 { color: #fff; padding: 4px 0 10px 7px; margin-left: 3px; width: 167px; }
#sideleft li { background: left url(../pics/bul.gif) no-repeat; border-bottom: 1px dotted #d6e9b0; list-style: none; height: 20px; margin: 0 0 0 10px; padding: 6px 0 3px 17px; }
#sideleft li a { font: 12px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #000000; }
#sideleft li a:hover { text-decoration: none; color: #F1FE01; }
/******************** content ********************/
#content { background-color: #FFFFFF; float: left; width: 600px; margin-left: 3px; height: 597px; overflow: hidden; }
#contentcom { background: url(../pics/grcom1.jpg) no-repeat; float: left; width: 600px; margin-left: 2px; height: 597px; overflow: hidden; }
#cal { float: left; width: 596px; margin: 5px 0 0 4px; height: 560px; overflow: scroll; }
#cal td { padding-left: 3px;}
#content td { padding-left: 0px; }
#content td a { color: #589800; text-decoration: none; }
#content td a:hover { text-decoration: underline; }
#content td img { v-align: top; }
#content .more { font-size: 10px; font-weight: bold; color: #ff7f3f; text-decoration: none; padding-top: 3px; }
#content .more a { text-decoration: none; color: #ff7f3f; }
#content .more a:hover { text-decoration: none; color: #33CC66; }
#contgal { background-color: #D1DAB8; float: left; width: 600px; margin-left: 2px; height: 597px; overflow: hidden; }
#contgal a { color: #000000; text-decoration: none;}
#contgal a:hover { color: #ff7f3f; text-decoration: none;}
#continf { background-color: #FFFFFF; float: left; width: 600px; margin-left: 2px; height: 597px; overflow: hidden; }
#continf a { font: bold 14px Arial, Helvetica, sans-serif; color: #009900; text-decoration: none;}
#continf a:hover { color: #FFFF00; }
#contegl { background: url(../pics/bg_egli.jpg); float: left; width: 600px; margin-left: 2px; height: 597px; overflow: hidden; }
#list { float: left; width: 600px; margin-top: 150px; height: 465px; overflow: scroll; }
#list td { padding-left: 10px; }
.sdn { background-color: #FFFFFF; float: left; color: #996600; width: 550px; margin-top: 0px; height: 396px; padding: 10px 20px; overflow: scroll; }
.contscrll { float: left; width: 580px; padding: 10px; margin: 0px; height: 541px; overflow: scroll; }
.contscrll1 { float: left; width: 560px; padding: 10px 20px; margin: 0px; height: 570px; overflow: scroll; }
.contrnscrll { float: left; width: 580px; padding: 10px; margin-top: 90px; height: 471px; overflow: scroll; }
.contscrll ul li { background: left url(../pics/blkar.gif) no-repeat; list-style: none; margin: 0; color: #000000; font-size: 11px; font-weight: normal; padding: 0 0 2px 12px; margin-left: 20px; }
.partenscrll { float: left; width: 580px; padding: 0 10px; margin: 0px; height: 265px; overflow: scroll; }
.loisirs { background: url(../pics/gr_bglois.jpg); float: left; width: 580px; padding: 0 10px; margin: 0px; height: 560px; overflow: scroll; }
.grgen { background: url(../pics/gr_ign600.jpg) no-repeat; color: #FFFFFF; }
.grgens { background: url(../pics/grol.jpg) no-repeat; color: #FFFFFF; }
#content-title { background: #D4CAB6; height: 40px; float: left; width: 100%; }
#content a { color: #0033CC; text-decoration: underline; }
#content a:hover { color: #ff7f3f; text-decoration: none; }
#imgall { margin: 0px; padding: 0px; width: 600px; height: 500px; position: absolute; width: 100%; }
#myGallery {width:600px; height:443px; margin:0;}
#commsect1 { float: left; width: 100%; height: 410px; background-color: transparent; border-bottom-color: #000000; }
.inner {
float: left;
margin: 0;
width: 580px;
padding: 0px 10px 0 10px;
background-color: transparent;
text-align: justify;
}
.inner a {text-decoration: none; }
.inner a:hover { color: #ff7f3f; text-decoration: underline; }
.inner1 { float: left; margin: 0; padding: 0px 5px 0 10px; text-align: justify; width: 365px; height: 580px; border-bottom: none; background-color: transparent; }
.inner3 { float: left; margin: 0; padding: 0px 5px 0 10px; text-align: justify; width: 365px; height: 160px; }
.inner2 ul li { background: left url(../pics/blkar.gif) no-repeat; list-style: none; margin: 0; color: #000000; font-size: 10px; font-weight: normal; padding: 0 0 2px 12px; margin-left: 8px; }
.inner2 { float: right; padding: 5px 10px 0 5px; border: none; background-color: transparent; text-align: justify; width: 200px; }
.inner2 h2 { background: url(../pics/navh2ess.jpg);color: #fff; padding: 3px 0; margin: 0; width: 200px; text-align: center;}
.innvois { float: left; padding: 10px 5px 0 10px; border: none; text-align: justify; width: 225px; }
.innvois ul li { background: left url(../pics/blkar.gif) no-repeat; list-style: none; margin: 0; color: #000000; padding: 0 0 2px 20px; margin-left: 20px; }
.inmai1 { float: left; margin: 0; padding: 0 10px 0 10px; text-align: justify; width: 578px; background-color: transparent; }
.innctw { float: left; margin: 0; padding: 5px 0 0 30px; background-color: transparent; text-align: left; width: 560px; }
.inctw { float: left; border: none; margin: 0; padding: 10px 0 0 0px; text-align: justify; width: 588px; }
.inctw table { margin-left: 110px; }
.innvois ul li { background: left url(../pics/blkar.gif) no-repeat; list-style: none; margin: 0; color: #000000; padding: 0 0 2px 20px; margin-left: 20px; }
.ingldparten { float: left; background-color: #FFFFCC; border: 10px solid #e0e6ca; margin: 10px; padding: 10px; text-align: justify; width: 538px; height: 245px; }
.avimtit { float: left; border: 10px solid #e0e6ca; margin: 10px 10px 0 10px; font: 24px "Times New Roman", Times, serif; color: #000000; padding: 0 10px; text-align: justify; width: 538px; height: 35px; }
.avimtit table { padding-left: 10px; margin: 0; }
.infichim { float: left; border: 10px solid #e0e6ca; margin: 10px; padding: 10px; text-align: justify; width: 538px; height: 470px; }
.infichim ul li { background: left url(../pics/blkar.gif) no-repeat; list-style: none; margin: 0; color: #000000; padding: 0 0 2px 20px; margin-left: 50px; }
.fichimtit { margin: 0; font: 20px "Times New Roman", Times, serif; text-align: left; color: #000000; width: 528px; height: 30px; padding: 3px; border: 2px solid #000000;}
#spc1 { width: 10px; }
.column { width: 200px; padding-right: 10px; margin-right: 0px; border-right: none; float: left; }
.column1 { background: none; width: 165px; margin: 0; padding-left: 0px; float: left; overflow: hidden; }
.coljnl { width: 195px; margin: 5px; padding: 0px; float: left; }
#commsect1 p, #commsect2 p, #commsect3 p { margin: 0; }
#commsect2 { float: left; width: 592px; background-color: transparent; }
#commsect2 a { color: #000000; font-family: arial, helvetica, sans-serif;}
#commsect2 a:hover { color: #ff7f3f; text-decoration: underline; margin-top: 2px; }
#commsect2 ul li{ background: left url(../pics/grarr.gif) no-repeat; list-style: none; margin: 0; color: #000000; font-size: 11px; font-weight: normal; padding: 0 0 2px 20px; margin-left: 30px; }
.column ul li, .column1 ul li { background: left url(../pics/grarr.gif) no-repeat; list-style: none; margin: 0; color: #000000; font-size: 10px; font-weight: normal; padding: 0 0 2px 20px; margin-left: 5px; }
#commsect2 p { width: 110px; margin-left: 1.5em; }
#commsect3 { float: right; width: 223px; height: 320px; margin-right: 5px;}
#sticker { position: absolute; left: -50px; top: 500px; z-index: 10; }
#pstit { position: absolute; left: 865px; top: 500px; z-index: 10; }
#map { background-color: #FFFFFF; color: #000000; margin: 2px; height: 404px; width: 342px; }
#mto { background: url(../pics/gr_bgmto.jpg) no-repeat; width: 195px; height: 144px; margin-top: 2px;}
#mtoy {position: absolute; background: url(../pics/bgmtoy.gif) no-repeat; top: 250px; left: 650px; width: 210px; height: 140px; }
#oui {margin-top: -5px; }
#mtoprov { background: url(../pics/gr_mto.jpg) no-repeat; width: 198px; height: 100px; margin: 2px 0 0 -2px; }
#currentdate { background-color: #0f4a02; width: 174px; font: 12px Verdana Arial, Helvetica, sans-serif; color: #FFFFFF; height: 14px; margin: 0 0 -5px 3px; text-align: center; font-weight: normal; }
#adv-contbotm { margin: 0; padding: 0; float: left; width: 600px; position: absolute; top: 768px; left: 257px; }
/******************** contact ********************/
#contctfrm { margin-left: 20px; }
input, textarea, select { background-color: #F7F8F3; border: 1px solid #443833; padding: 0px; font-family: arial, helvetica, sans-serif; font-size: 12px;}
input:focus, textarea:focus, select:focus { border: 1px solid #FF6600; background-color: #FFFFFF; }
.button { background: url(../pics/navh2ess.jpg) repeat-x center; cursor: pointer; color: white; padding-bottom: 2px; height: 22px; width: 100px; border: none;}
/******************** news ********************/
#news { position: absolute; top: 695px; left: 488px; background-color: transparent; padding-left: 5px; width: 350px; height: 130px; border: 4px solid #CFD7BF; }
.newstxt { position: absolute; top: 677px; left: 488px; width: 135px; height: 16px; padding: 3px; background-color: #CFD7BF;font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; color: #000000; border: none; }
.news_style { display:none; }
.news_show { background-color: #FFFFFF; color: #003399; width:335px; height:115px; font: 11px Verdana Helvetica, sans-serif; text-align: left; padding: 4px; margin-top: 2px; overflow: auto; }
.news_border { background-color: #999966; width:330px; height:110px; font: normal 100% "Arial", "Lucida Grande",Verdana, Sans-Serif; border: 1px solid gray; padding: 5px 5px 5px 5px; overflow: auto; }
.buttondiv { position: absolute; padding: 5px 5px 5px 5px; border: 1px solid gray; border-top: none; height: 20px; left: 1px; top: 127px; }
.news_show a { float: right; padding-right: 10px; }
/******************** news min ********************/
#newsmin { position: absolute; top: 680px; left: 675px; background-color: transparent; padding: 0; width: 147px; height: 140px; border: 4px solid #CFD7BF; }
.newsmintxt { position: absolute; top: 662px; left: 475px; width: 149px; height: 16px; padding: 3px; background-color: #CFD7BF;font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; color: #000000; border: none; }
.newsmin_show { background-color: #FFFFFF; color: #003399; width:137px; height:130px; font: 11px Verdana Helvetica, sans-serif; text-align: left; padding: 4px; margin-top: 2px; text-align: justify; overflow: hidden; }
.newsmin_border { background-color: #999966; width:145px; height:140px; font: normal 100% "Arial", "Lucida Grande",Verdana, Sans-Serif; border: 1px solid gray; padding: 5px 5px 5px 5px; overflow: auto; }
.newsmin_show a { float: right; padding-right: 10px; }
/******************** news sideline ********************/
#tickercontainer { position: absolute; top: 444px; left: 860px; background: #0f4a02; padding: 0; width: 174px; height: 14px; margin: 4px; padding: 0; border: none; overflow: hidden; }
.tickercontainer { position: absolute; top: 444px; left: 860px; background: #0f4a02; padding: 0; width: 174px; height: 14px; margin: 4px; padding: 0; border: none; overflow: hidden; }
.tickercontainer .mask { position: relative; left: 2px; top: 0; width: 600px; overflow: hidden; }
ul.newsticker { position: relative; left: 172px; font: bold 11px Verdana; color: #FFFF99; list-style-type: none; margin: 0; padding: 0; }
ul.newsticker li { float: left; margin: 0; padding: 0; background: none; }
ul.newsticker a { white-space: nowrap; padding: 0; color: #00FF99; font: bold 10px Verdana; margin: 0 0px 0 0; }
ul.newsticker span { margin: 0 10px 0 0; }
/******************** actus ********************/
#actus { padding: 0; border: none; background-color: transparent; text-align: justify; width: 200px; }
#actus a { color: #ccc; text-decoration: none; }
#actus a:hover { color: #ccc; text-decoration: none; }
#actus #tabMenu { margin-left:-10px; padding:0 0 0 5px; list-style:none; }
#actus #tabMenu li { float:left; height:32px; width:29px; cursor:pointer; cursor:hand; }
/* this is the button images */
#actus li.comments {background:url(../images/tabComment.gif) no-repeat 0 -32px;}
#actus li.posts {background:url(../images/tabStar.gif) no-repeat 0 -32px;}
#actus li.category {background:url(../images/tabFolder.gif) no-repeat 0 -32px;}
#actus li.famous {background:url(../images/tabHeart.gif) no-repeat 0 -32px;}
#actus li.random {background:url(../images/tabRandom.gif) no-repeat 0 -32px;}
#actus li.mouseover {background-position:0 0;}
#actus li.mouseout {background-position:0 -32px;}
#actus li.selected {background-position:0 0;}
#actus .box { width:200px; }
#actus .boxTop { background:url(../images/boxTop.gif)no-repeat; height:11px; clear:both; }
#actus .boxBody { background: none ; }
#actus .boxBottom { background:url(../images/boxBottom.gif) no-repeat; height:11px; }
#actus .boxBody div { display:none; }
#actus .boxBody div.show { display:block; }
#actus .boxBody #category a { display:block; }
/* styling for the content*/
#actus .boxBody div ul { margin-left:-5px; padding:0; width:200px; list-style-image: url(../images/arrow.gif); }
#actus .boxBody div li { border-bottom:1px dotted #8e8e8e; padding:4px 0 4px 20px; cursor:hand; cursor:pointer; }
#actus .boxBody div ul li.last { border-bottom:none; }
#actus .boxBody div li span { font-size:8px; font-style:italic; color:#888; }
/* IE Hacks */
*html .boxTop {margin-bottom:-2px;}
*html .boxBody div ul {margin-left:10px;padding-left:15px;}
/******************** met ********************/
#metwol {
position: absolute;
top: 662px;
left: 475px;
background-color: none;
padding-top: 10px;
width: 150px;
height: 150px;
text-align: center;
margin: 0;
border: 4px solid #CFD7BF;
overflow: hidden;
}
#metwol .more a { font-size: 9px;}
.mettxt {
position: absolute;
top: 644px;
left: 475px;
width: 151px;
height: 16px;
padding: 3px;
background-color: #CFD7BF;
font: 11px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
color: #000000;
border: none;
}
/******************** innerfade ********************/
#slider { position: absolute; top: 6px; left: 1px; height: 230px; width: 964px; margin-left: 76px; overflow: hidden; }
#mask-gallery { overflow:hidden; }
#gallery { list-style:none; margin:0; padding:0; z-index:0;
/* width = total items multiply with #mask gallery width */
width:3850px; overflow:hidden;}
#gallery li { float:left; }
.fade{ margin-bottom: 2em;}
.fade p{ margin-bottom: 2em; text-align: center; width: 100%; background: #fff;}
/******************** galleria ********************/
#main_image {width:600px; height:443px; margin:0; background-color: #D1DAB8; }
#main_image img{margin:0;}
.gallery {margin:20px 0 0 0px; width:600px;background-color: #D1DAB8; }
.gallery li{width:50px;height:37px;border:3px double #111;margin: 0 2px;}
.gallery li div{left:240px;}
.caption { display: block; position: absolute; top: 662px; left: 262px; width: 543px; height: 20px; padding: 0 2%; line-height: 17px; color: #fff; min-height: 1px; background-color: #000; opacity: 0.5; filter:alpha(opacity=50);}
.galleria{list-style:none;width:600px; padding-left:15px;}
.galleria li{display:block;width:50px;height:37px;overflow:hidden;float:left;margin:0 8px 8px 0;}
.galleria li a{display:none;}
.galleria li div{position:absolute;display:none;top:0;left:180px;}
.galleria li div img{cursor:pointer;}
.galleria li.active div img,.galleria li.active div{display:block;}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;}
.galleria li .caption{display:block;padding-top:0;}
* html .galleria li div span{width:400px} /* MSIE bug */
.nav{clear:both;font: 12px 'helvetica neue',sans-serif; font-weight: bold; letter-spacing:3px; padding-top: 6px;}
input { font-size: 12px; }
/******************** sideright ********************/
#sideright { float: right; width: 180px; height: 600px; background: url(../pics/bg_sbleft4.jpg); margin-right: 2px; }
#sideright p { margin: 0;}
#sideright h2 { color: #fff; padding: 4px 1px 8px 10px; width: 163px; margin-left: 3px; text-align: center; }
.thbilr { display: inline; float: right; }
.thbilr a { background-color: #BDB382; margin: 2px;}
.thbilr a:hover { background-color: #FFFF00; }
.inf { margin: 8px 5px; text-align: justify; border: none; }
#SP { font: bold 10px Verdana, Arial, Helvetica, sans-serif; margin-top: 5px; text-align: center; }
#SP a { text-decoration: none; color: #0000CC; }
#SP a:hover { text-decoration: none; color: #ff7f3f; }
.news { padding: 6px 10px; }
.villes { padding: 6px 5px 6px 18px;}
.lys { height: 200px; padding: 0 5px; }
#agen { background: url(../pics/bgagen.png); padding: 0px 3px; }
.urg { background: url(../pics/crex.gif) center no-repeat; margin-top: -9px;}
#clock { margin: 0; padding: 0; height: 130px; }
/******************** footer ********************/
#footer { background: url(../pics/gr_footer.jpg) bottom; width: 964px; height: 43px; font: 9px Verdana, Arial, Helvetica, sans-serif; color: #c5d394; padding: 0px; margin: 0px 0 0px 75px; overflow: hidden; }
#foot-lft { display: block; float: left; text-align: center; width: 230px; height: 38px; margin-left: 5px; }
#foot-lft p { margin: 0; padding-top: 5px; }
#foot-midlft { float: left; width: 270px; height: 30px; margin: 0; }
.footlist-l { float: left; width: 100px; height: 30px; margin: 0px; padding: 2px 0 3px 30px; }
#foot-midrght { float: right; width: 680px; height: 30px; margin: 0; padding: 2px 10px 3px 10px; }
#foot-mid { float: left; width: 700px; height: 45px; margin: 0; padding: 2px 0 2px 5px; }
.footlist-r { float: right; width:140px; height: 24px; margin: 0 8px 0 0; padding: 2px 0 3px 10px; }
#foot li { list-style: none; padding: 3px 0 0 0; color: #c5d394; }
#foot li a {color: #c5d394 ; text-decoration: none; }
#foot li a:hover { text-decoration: none; color: #00FF00; }
#foottit { float: left; width: 270px; height: 10px; font-size: 10px; text-align: center; padding-top: 0; color: #00FF00; }
/******************** sub-menu ********************/
#smnubtm { border:none; width:468px; height:22px; position:absolute; top:518px; left:188px; background:#D5CFBD; }
#smnubtm ul li{list-style: none; width:74px; height:21px; float:left;}
#smnubtm ul li a{width:72px; height:21px; display:block; background:url(../pics/mentstov.jpg) no-repeat; color:#000000; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; line-height:21px; margin:0; border:solid 3px; border-color:#000000; }
#smnubtm ul li a:hover{background:url(../pics/mentst.jpg); color:#fff; text-decoration:none;}
#smnubtm ul li.def{background:url(../pics/mentst.jpg); color:#fff; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; line-height:25px;}