@charset "utf-8";
/* CSS Document */
/*COMMUN---------------------------------------------------------------------------------------------------------*/
html, body{ margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333; width:100%; height:100%;}
#global{ position:relative; width:1007px; margin:0 auto;}
#left, #center, #right{ float:left;}
#left{ width:178px;}
#center{ width:639px;}
#right{ width:190px;}
a{outline: none;}
/*:focus{-moz-outline-style: none;}*/
/*RECHERCHE---------------------------------------------------*/
#search{padding:5px 0 3px 50%; height:25px;}
#search span{ font-size:14px;}
#panel {background: url(/sene/fond-resa.png) bottom; width:288px; height:150px; padding:0 0 0 50px; display: none; font-size:12px; position: absolute; top:32px; left:70%; margin-left:-179px; z-index:2; line-height:22px; }
#panel h2 { margin:10px 0 0 0; }
/*RECHERCHE FIN---------------------------------------------------*/
/*LEFT---------------------------------------------------*/
#left h2{ background:url(../sene/titre-left.png) no-repeat; display:block; width:171px; height:34px; margin:10px 0 0 0; padding:18px 0 0 10px;}
/*MENU*/
.accordion-style {cursor:pointer;  padding:0 10px 0 10px;font-size:13px;}
.accordion-style a{color:#333; background: url(../sene/puce.gif) no-repeat left; text-decoration:none; display:list-item; padding:7px 0 7px 10px; border-bottom:#FFF dotted 1px; list-style:none;}
.accordion-style a.menu{background: none;}
.accordion-style a:hover{ color:#666;}
.accordion-style div { padding:0 0 15px 10px;}
.accordion-style div  a{ padding:5px 0 5px 10px;}
.accordion-style ul li { padding:0; margin:5px 0; border:none;}
.accordion-style ul ul { padding:0; margin:0 0 0 15px;}



/*MENU FIN*/
/*LEFT FIN---------------------------------------------------*/

/*CENTRE---------------------------------------------------*/
/*RUBRIQUE*/
#rubrique{ list-style:none; margin:129px 0 0 15px; padding:0; position:relative; }
#rubrique li{ float:left; padding:0px ;  text-align:center; margin:0 3px; }
a.mairie, a.culture, a.asso, a.tourisme, a.reserve{ color:#FFFFFF; font-size:9px; letter-spacing:1px; text-decoration:none; padding:5px 0px; display:block; width:110px; line-height:12px; height:12px; border:none;}
ul#rubrique li a:hover, .rub-active{ position:relative; top:-10px; color:#FFFFFF;}
.mairie{ background:#FF2F2F;}
.culture{ background:#A7027B;}
.asso{ background:#F90;}
.tourisme{ background:#A1D015;}
.reserve{ background:#008357;}
#rubrique li a.reserve{ width:140px;}
/*RUBRIQUE FIN*/
/*SLIDE*/
#slide{ background:url(../sene/fond-slide.png) no-repeat 13px 0px; width:626px; height:210px; margin:0 0 0 10px;}
.scrollable {position:relative; overflow:hidden; width: 575px; height:200px; float:left;}
.scrollable .items { width:20000em; position:absolute; clear:both; list-style:none; padding:0; margin:0;}
.scrollable li { float:left; margin:20px 5px 0px 15px; cursor:pointer; width:170px; }
.scrollable img { background-color:#fff; padding:5px; border:1px solid #ccc; cursor:pointer; width:150px; }
.scrollable li h1 { font-size:12px; margin:0; }
.scrollable li a:hover { color: #666;}
.scrollable .active {}
a.browse { background: url(../js/scroll/hori_large.png) no-repeat; display:block; width:23px; height:98px; float:left; margin-top:50px; cursor:pointer; font-size:1px;}
a.btn-right 		{ background-position: 0 -98px; clear:right; margin-right: 0px;}
a.btn-right:hover 	{ background-position:-23px -98px; }
a.right:active 		{ background-position:-46px -98px; } 
a.btn-left			{ margin-left: 0px; } 
a.btn-left:hover  	{ background-position:-23px 0; }
a.btn-left:active  	{ background-position:-46px 0; }
a.disabled {visibility:hidden !important;} 
.navi {	margin-left:328px; width:200px; height:20px; }
.navi a { width:8px; height:8px; float:left; margin:3px; background: url(../js/scroll/navigator.png) 0 0 no-repeat;
display:block; font-size:1px; }
.navi a:hover { background-position:0 -8px; }
.navi a.active { background-position:0 -16px; }
/*SLIDE FIN*/
.une, .titre-actu{ width:226px; height:29px; display:block; margin:10px 0; font-size:14px; padding:10px 0 0 20px;}
.une{background: url(../sene/fond-info.png);}
/*ACTU*/
#accordion-actu { margin:0 20px;}
#accordion-actu h2 { margin:0; padding:7px 0 7px 40px; font-size:14px; font-weight:normal;	border-bottom:1px  dashed #ccc; cursor:pointer; line-height:25px;	clear:both;}
#accordion-actu h2.current { cursor:default; }
#accordion-actu div.pane2 { display:none; padding:5px 15px; font-size:12px; background:#F1F1F1; overflow:auto; }
#accordion-actu div{ }
/*ACTU FIN*/
/*ARIANE*/
#ariane{ font-size:10px; margin:10px 20px 0 20px; border-bottom:#CCC dashed 1px; padding-bottom:5px;}
#ariane a{ color:#666;}
/*ARIANE FIN*/
/*LISTE*/
#liste{ list-style:none; padding:0; margin:20px 30px; }
#liste li{ margin:0 0 10px 0; padding:0; border-bottom:#CCC dashed 1px; overflow:hidden; clear:both;}
#liste li img{ background-color:#fff; padding:5px; border:1px solid #ccc; margin:0 10px 10px 0;}
#liste li h1{ margin:3px 0; font-size:16px;}
#liste li h2{ margin:5px 0; font-size:12px;}
a.details{width:120px; height:31px; background: url(../sene/details.png) no-repeat top; display:block; float:left; text-indent:-9999px;}
a:hover.details{background: url(../sene/details.png) 0 -31px;}
/*LISTE FIN*/
/*DETAILS*/
#detail{margin:20px 30px; /*overflow:auto;*/}
#detail img{ background-color:#fff; padding:5px; border:1px solid #ccc; margin:0 10px 10px 0;}
#detail h1{ margin:3px 0; font-size:16px;}
#detail h2{ margin:10px 0 0 0; font-size:14px;}
#detail h3{ margin:0; font-size:14px; font-weight:normal;}
#detail p{ margin:5px 0;}
#detail a{ color:#999; }
/*DETAILS FIN*/
/*ZOOM*/
.nivoZoomHover {position:absolute;top:-50px;left:-50px;z-index:9;width:100%;height:100%;cursor:pointer;}
.nivoCaption {display:none;position:absolute;z-index:110;text-align:center;background:#010101;color:#fff;padding:4px 0;overflow:hidden;}
a.nivoZoom {border:0 !important;}
a.nivoZoom img {-moz-box-shadow:0px 0px 5px #000; -webkit-box-shadow:0px 0px 5px #000; box-shadow:0px 0px 5px #000;}
a.nivoZoom img.nivoLarge {-moz-box-shadow:0px 0px 10px #000; -webkit-box-shadow:0px 0px 10px #000; box-shadow:0px 0px 10px #000;}
.nivoZoomHover {background: url(../js/zoom/zoom.png) no-repeat 50% 50%;}
.nivoZoomHover.loading {background: url(../js/zoom/loading.gif) no-repeat 50% 50%;border:4px solid #000;width:16px;height:16px;top:43%;left:43%;opacity:0.8;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
/*ZOOM FIN*/
/*FOOTER*/
#footer{ width:605px; height:40px; background: url(../sene/fond-pied.png); font-size:11px; padding:12px 0 0 25px; margin: 20px 0 10px 0; clear:both; }
#footer a{ text-decoration:none; color:#666;}
/*FOOTER FIN*/
/*CENTRE FIN---------------------------------------------------*/

/*RIGHT ---------------------------------------------------*/
#rub-fix{ list-style:none; margin:170px 0 0 0; padding:0;}
#rub-fix li{margin:0; padding:0;}
#rub-fix li a{ display:block; height:46px; width:167px; text-indent:-9999px;}
#e-mairie{ background:url(../sene/e-mairie.png);}
#agenda21{ background:url(../sene/agenda21.png);}
#agenda-manif{ background:url(../sene/agend-manif.png);}
#annu-asso{ background:url(../sene/annu-asso.png);}
/*METEO*/
#meteo{ font-size:10px; background:url(../sene/fond-meteo.png);   margin:15px 0 0 0; width:180px; height:63px; padding:4px 0 0 0;}
.weatherItem{ padding:5px 8px 0 0; text-align:right; height:100px;}
#maree{ display:block; text-indent:-9999px; width:180px; height:37px; background:url(../sene/maree.png);}
/*METEO FIN*/
/*RIGHT FIN---------------------------------------------------*/
/*COMMUN---------------------------------------------------------------------------------------------------------*/
/*PAGE*/
.page_navigation , .alt_page_navigation{padding-bottom: 10px; margin:0 30px; border-bottom:#CCC dashed 1px; height:12px;}
.page_navigation a, .alt_page_navigation a{margin:2px 5px;padding:2px;color: #999;text-decoration:none;float: left;font-size: 11px;}
.active_page{color: #333 !important;}
/*PAGE FIN*/