/* Style sheet City2Net Theme */ /* Theme Moudon inside */ /* Copyright 2008 Obtic Sàrl */ /****************************/ /* Body */ /****************************/ html { font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; } body { margin:0px; padding:0px; background:url(../Images/Html_Background.gif) no-repeat center top; } /****************************/ /* Bloc 1 : */ /* Header */ /****************************/ #Header { margin:0px auto; height:70px; min-width:760px; max-width:980px; width:auto!important; -width:980px;} /* Search */ #Search { margin:0px; float:left; } #SearchBox { } #Search p { } #SearchForm { margin:3px 0px; padding:0px; } /* Menu Top */ #MenuTop { float:right; } #MenuTop ul { margin:3px 0px 0px 0px; padding:0px; } #MenuTop ul li { display:inline; margin:0px 0px 0px 10px; /* Space between option */ padding:0px 0px 0px 10px; /* Space for list image */ background:url(../Images/BulletLight.gif) no-repeat 0px 2px; } #MenuTop ul li a { text-decoration:none; color:#666 } #MenuTop ul li a:hover { text-decoration:underline; color:#800; } #MenuTop ul li.MenuTopSelected a { text-decoration:none; color:#800; font-weight:bold; } #MenuTop ul li.MenuTopSelected a:hover { text-decoration:underline; color:#666; } /****************************/ /* Bloc 2 : */ /* Navigation */ /****************************/ /* Main Navigation */ #MenuContainer { margin:0px auto; width:880px; height:58px; } #MenuPrin { float:left;width:750px; height:58px; font:115% "Century Gothic", "Trebuchet MS", Tahoma; font-weight:bold; } #MenuPrin ul { text-align:right; margin:0px; padding:0px; margin:30px 0px 11px 0px; } #MenuPrin ul li { display:inline; } #MenuPrin ul li a { color:#fff; text-decoration:none; background:url("../Images/Menu_Background.gif") repeat-x top; padding:30px 3px 12px 22px; margin:0px 0px 0px -4px; border-right:1px solid #fff; } #MenuPrin ul li a:hover { color:#ccc; background:url("../Images/menu_background_sel.gif") repeat-x top; } #MenuPrin ul li.MenuPrinSelected a { color:#ccc; background: url("../Images/menu_background_sel.gif") repeat-x top; border-right:1px solid #fff; } #MenuPrin ul li.MenuPrinSelected a:hover { color:#ccc; background:url("../Images/menu_background_sel.gif") repeat-x top; border-right:1px solid #fff; } /* Logo */ #Logo { float:right; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } #Logo h1 { visibility:hidden; height:1px; width:1px; font-size:1px; margin:0px; padding:0px; } #Logo p { margin:0px; padding:0px; } #Logo p img { margin:0px; padding:0px; } /****************************/ /* Bloc 3 : */ /* Content */ /****************************/ /* News Scroller */ #NSContainer { margin:0px auto; margin-top:5px; padding:0px; min-width:880px; max-width:980px; width:auto!important; width:880px; -width:980px; } #scrollup { height: 23px; padding:5px; font-size:100%; /* Needed by js script */ position: relative; overflow:hidden; /* / Needed by js script */ } #scrollup a{ color:#933; text-decoration: none; } #scrollup .NewScroll{ } /* Page Container */ #Container { background-color:#fff; background:url(../Images/Content_Background1.gif) no-repeat center top; text-align:right;} /*#PictoContainer { text-align:right;}*/ /* Content */ #Content { font-size: 80%; padding:0px; margin: 0px auto; background-repeat:no-repeat; background-position:right top; text-align:left; min-width:930px; max-width:980px; width:auto!important; -width:980px; } /* News & Calendar */ #LeftSidebar { float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:170px; } /* Calendar Small */ #AgendaSmall { } #AgendaSmall h2 { color:#666; padding:0px 0px; font-size:130%; margin:0px; margin-top:20px; padding-bottom:5px; } #CalendarSmall { font-size:100%; border-collapse:separate; } #CalendarSmall caption { margin-bottom:5px; border-bottom:1px dotted #933; font-weight:bold; } #CalendarSmall caption th { color:#800; background-color:#fff; text-align:center; } #CalendarSmall caption th a { color:#900; text-decoration:none; } #CalendarSmall th { color:#000; background-color:#fff; text-align:center; } #CalendarSmall td { text-align:center; font-weight:normal; } #CalendarSmall td.Normal { color:#333; background-color:#ccc; font-weight:normal; } #CalendarSmall td.WeekEnd { color:#f00; background-color:#ccc; font-weight:normal; } #CalendarSmall td.Today { font-weight:Bold; color:#fff; background-color:#933; } #CalendarSmall td.OtherMonth { color:#999; background-color:#eee; } #CalendarSmall td.Event a { text-decoration:none; font-weight:Bold; color:#933; } #CalendarSmall td.Event a:hover { font-weight:Bold; color:#f00; } /* Content Texte */ #Text { font-size:13px; margin:0px 180px 0px 170px; padding:10px 15px 0px 15px; color:#333; border-left:1px dotted #933; border-right:1px dotted #933; background-color:#eee; min-height:320px; height:100%!important; -height:320px; background-repeat:no-repeat; } #Text h1 { margin:0px; padding:20px 0px 5px 0px; font: 170% Verdana, Arial, Helvetica, sans-serif; color:#800; font-weight:normal; } #Text h2 { margin:0px; padding:5px 0px 0px 0px; font: 115% Verdana, Arial, Helvetica, sans-serif; color:#666; font-weight:bold; } #Text h3 { margin:10px 0px 10px 0px; padding:0px; font: 110% Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#800; font-weight:normal; } #Text h4 { margin:10px 0px 10px 0px; padding:0px; font: 100% Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#666; font-weight:normal; } #Text h5 { margin:10px 0px 10px 0px; padding:0px; font: 100% Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#354978; font-weight:bold; } #Text p { margin:0px 0px 10px 0px; padding:0px; font: 13px Tahoma, Verdana, Arial, Helvetica, sans-serif; text-align:justify; /*line-height:1.3em; */} #Text p.DateNews { font-weight:bold; margin-top:10px; } #Text a { color:#354978; } #Text a:visited { color:#993333; } #Text a:hover { color:#933; } #Text hr { border:0; border-bottom: 1px dotted #666; height:1px; margin:5px 0px; } #Text ul { font-size:100%; text-decoration: none; margin:0px; padding:0px 5px 2px 25px; } #Text ul li { list-style-image:url("../Images/BulletLight.gif"); padding:0px 0px 5px 0px;} /* table */ #Text p table { margin:0px 0px 5px 0px; padding:0px; font: 13px Tahoma, Verdana, Arial, Helvetica, sans-serif; display:block; } #Text table { margin:0px 0px 5px 0px; padding:0px; font: 13px Tahoma, Verdana, Arial, Helvetica, sans-serif; display:block; } /* Clean margin on table */ #Text td h2 { margin:0px 10px 0px 0px; padding:0px; } #Text td h3 { margin:0px 10px 0px 0px; padding:0px; } #Text td h4 { margin:0px 10px 10px 0px; padding:0px; } #Text td h5 { margin:0px 10px 0px 0px; padding:0px; } /*#Text td img { padding:3px; border:1px solid #f00; }*/ #Text .photo { padding:3px; border:1px solid #fff;} #Text p.plus { padding:0px 0px 10px 0px; margin:0px;} #Text #GoogleMap { width:200px;} #Text #GoogleMap h2 { font-size:100%; color:#800;} #Text #GoogleMap p { font-size:90%; margin:0px; padding:0px;} #Text #GoogleMap p img { padding:5px; border:1px solid #00f;} /* BreadCrumb */ #Breadcrumb { color:#666; padding-top:15px; font-size:85%; margin:0px; padding:0px;} #Breadcrumb a { color:#354978; text-decoration:underline; } #Breadcrumb a:visited { color:#354978; text-decoration:underline; } #Breadcrumb a:hover { color:#933; text-decoration:underline; } /* Connexe Block */ /*#ConnexeContainer { float:right; width:300px; height:330px; margin:0px -170px 0px 0px; -margin-right:0px; padding:0px; font-size:11px;}*/ #ConnexeContainer { float:right; width:150px; margin:10px -10px 0px 10px; padding:0px; font-size:11px; } #Connexe { border-left:1px dotted #800; } #ConnexeTop { height:6px; } #ConnexeBottom { height:9px; } /*#006*/ #Connexe h2 { margin:0px; padding:0px 0px 0px 10px; font: 100% Verdana, Arial, Helvetica, sans-serif; color:#800; margin-top:10px; /*text-transform:uppercase;*/} #Connexe p { margin:5px; padding:5px; font-size:100%; text-align:left;} /*#Connexe p a { padding-left:25px; background:url(../Images/PucePlus.gif) no-repeat center left; text-decoration:underline; color:#354978;}*/ #Connexe p a { text-decoration:underline; color:#354978;} #Connexe p a:hover { text-decoration:underline; color:#933;} #Connexe ul { margin:0px; padding:5px 5px 5px 25px; list-style:url(../Images/BulletLight.gif) ; font-size:100%;} #Connexe ul li { margin:2px; } #Connexe ul li a { color:#354978; text-decoration:none; } #Connexe ul li a:hover { color:#933; text-decoration:underline; } #Connexe ul li.MenuTopSelected a { color:#354978; text-decoration:none; } #Connexe ul li.MenuTopSelected a:hover { color:#933; text-decoration:underline; } #News p { text-align:left;} #News p.Date { font-size:85%; font-style:italic; margin:0px ;margin-top:20px;} /*#News h2 {font-size:120%;padding:0;margin:0; }*/ #Event table { width:300px; margin-top:20px;} #Event td.Left { text-align:right; padding-right:5px; border-right:1px solid #666; font-weight:bold; padding:20px 5px; } #Event { float:left; padding-top:20px; margin:0px 0px; width:410px; } #Event div.Row { clear:both; padding:0px; margin: 0px; border-top:1px solid #eee;} #Event div.Row span.Label { float: left; width: 70px; text-align: left; font-weight:bold; padding:0px; margin:0px; } #Event div.Row span.Desc { float: right; width: 300px; text-align: left; padding:0px 0px 10px 10px; margin:0px; border-left:1px dotted #800;} #Event p { margin:0px 0px 00px 0px; padding:0px;} #ContentFooter { Border-top:1px dotted #999; padding-top:5px; margin-top:40px; clear:both;} #PrintPage { text-align:right; } #PrintPage a { border-left:1px dotted #999; color:#800; padding-left:30px; background:url(../Images/Print.gif) no-repeat center left; } #Modif { float:left;} #TopPage { float:right; margin:10px 0px 10px 0px ; padding:0px; } #TopPage a { color:#800;} /****************************/ /* Bloc 4 : */ /* Footer */ /****************************/ #Footer { margin:0px auto; min-width:930px; max-width:980px; width:auto!important; -width:980px; height:50px; font-size:90%; border-top:1px dotted #933; clear:both; } #commune { float:left; color:#933; text-align:left; margin-left:10px; } #chch { float:left; } #copyright { float:right; } #copyright p { color:#999; font-size:9px; margin:0px; padding:0px; } #copyright p a { color:#933; } #copyright p a:hover { text-decoration:underline; }