/* Style sheet City2Net Theme */
/* Theme Moudon Home 	*/
/* 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; width:880px; height:70px; }
    
	/* 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 { width:880px; height:58px; margin:0px auto; }
    #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		              */ 
/****************************/

/* Page Container */
  #Container { margin-top:10px; background-color:#fff; background:url(../Images/Content_Background.gif) no-repeat top center;}

    /* Content */
    #Content { font-size: 80%; padding:0px; width:880px; margin: 0px auto; }

     /* News & Calendar */
      #LeftSidebar { float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:170px; }

        /* News Scroller home */
        #NSContainer { background-color:#ccc; height: 330px;  }
          #scrollup { height: 310px; padding:10px 10px; font: 110% Tahoma, Verdana, "Trebuchet MS", Arial; /* Needed by js script */ position: relative; overflow:hidden;/* Needed by js script */ }
            #scrollup p { padding:5px 0px; margin:0px; color:#333; font-size:110%; }
            #scrollup p.DateNews { padding:2px 0px; margin:0px; color:#333; font-size:90%; }
            #scrollup h1 { padding:2px 0px; margin:0px; color:#800; font-size:120%; text-decoration: none; }
            #scrollup a { color:#800; text-decoration: none; }
        
        /* Calendar Small */
        
        #AgendaSmall1 { }
          #AgendaSmall1 h2 { color:#666; padding:0px 3px; font-size:130%; margin:0px; margin-top:10px; padding-bottom:5px; }
            #CalendarSmall1 { font-size:100%; border-collapse:separate; }
              #CalendarSmall1 caption { margin-bottom:5px; border-bottom:1px dotted #933; font-weight:bold; }
              #CalendarSmall1 caption th { color:#800; background-color:#fff; text-align:center; }
              #CalendarSmall1 caption th a { color:#900; text-decoration:none; }
              
              #CalendarSmall1 th { color:#000; background-color:#fff; text-align:center; }
              #CalendarSmall1 td { text-align:center; font-weight:normal; }
              #CalendarSmall1 td.Normal { color:#333; background-color:#ccc; font-weight:normal; }
              #CalendarSmall1 td.WeekEnd { color:#f00; background-color:#ccc; font-weight:normal; }
              #CalendarSmall1 td.Today { font-weight:Bold; color:#fff; background-color:#933; }
              #CalendarSmall1 td.OtherMonth { color:#999; background-color:#eee; }
              #CalendarSmall1 td.Event a { text-decoration:none; font-weight:Bold; color:#933; }
              #CalendarSmall1 td.Event a:hover { font-weight:Bold; color:#f00; }
        

    /* Content Texte */
      #Text { margin:0px 131px 0px 170px; padding:0px 15px; zoom:1; color:#333; border-left:1px dotted #933; border-right:1px dotted #933; background-color:#fff; min-height:160px; height:100%!important; -height:160px; /*padding-top:330px;*/ background-repeat:no-repeat; }
        #Text h1 { margin:0px; padding:20px 0px 10px 0px; font: 180% Verdana, Arial, Helvetica, sans-serif; color:#800; font-weight:normal; }
        #Text h2 { margin:10px 0px 2px 0px; padding:0px; font: 130% Verdana, Arial, Helvetica, sans-serif; color:#800; font-weight:bold; }
        #Text h3 { margin:10px 0px 10px 0px; padding:0px; font: 120% Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#666; font-weight:bold; }
        #Text h4 { margin:10px 0px 10px 0px; padding:0px; font: 110% 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 5px 0px; padding:0px; font: 13px Tahoma, Verdana, Arial, Helvetica, sans-serif; }
        #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:110%; text-decoration: none; margin:0px; padding:0px 5px 2px 25px; }
          #Text ul li { list-style-image:url("../Images/BulletLight.gif"); }
        
        /* 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 #ImageContainer { margin-left:-15px; width:550px; } 
        
        #Text #communication  { float:left;width:50%;padding-right:10px; }
        #Text #welcome        { float:left;padding-left:10px; }
        
        
              
		/* BreadCrumb */
		#Breadcrumb { color:#999; padding-top:15px; }
      #Breadcrumb a { color:#354978; text-decoration:underline; }
      #Breadcrumb a:visited { color:#354978; text-decoration:underline; }
      #Breadcrumb a:hover { color:#933; text-decoration:underline; }

/****************************/
/*  Bloc 4 :								*/ 
/*  Footer		              */ 
/****************************/

  #Footer { margin:0px auto; width:880px; 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; }