/* Style sheet GesWeb */
/* Theme Portdecheyres.ch - Home Page */
/* Copyright 2008 Obtic e-consultant	*/

/* :link, :visited, :hover, :active */
/* Page	*/
	html,body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:x-small;
		margin:0em;
		padding:0em;
		padding-top:20px;
	}
	html {
	}
	body { 
		min-width:770px; 
		max-width:1000px; 
		margin: 0 auto; 
		text-align: left; 
		text-align:center;
		background-color:#500000;
		background-image:url(Images/Body_Bgr.jpg);
		background-repeat:repeat-y;
		background-position:center;
    }
	a {
		text-decoration:none;
        color:#ccc;
	}
	a:hover {
		text-decoration:none;
		color:#996600;
	}




/* Page Container */

	#Container 	{ 
		text-align: left; 
		}
		
		#Header 	{ 
			height:100px;
			vertical-align:bottom;
			background:url(Images/Titre.gif) no-repeat right bottom;
			margin-top:0px;
			}
			
			/* Table Météo */
			.Meteo {
			width:180px; 
			border-collapse:collapse; 
			visibility:hidden;
			}
			.DataMeteoR {
			text-align:center;
			color:#ccc;
			border-right:1px solid #996600
			visibility:hidden;
			}
			.DataMeteoL {
			text-align:center;
			color:#ccc;
			visibility:hidden;
			}
			
/* Main Navigation */		
		
	#Menu 	{ 
		text-align: center; 
		background:url(Images/BackGround.jpg) no-repeat center  top;
		height:370px; 
		padding-top:1px; /* correct pos bug on other than IE */
		/*
		margin:0; padding:0;
		border-top:0px solid #500000; 
		*/
	}
	#MenuMain	{	
		margin:0 auto;
		margin-top:270px;
		font: 14px Tahoma,Verdana, arial, Helvetica, sans-serif; 
		width:770px;
	}
		#MenuMain ul							{ list-style-type: none; padding:0px; margin:0px; text-align:center; }
		#MenuMain ul li 					{ display:inline; float: left; margin:0px 0px 0px 0px; width:115px; }
		#MenuMain ul li a					{ display:block; text-decoration: none; color: #500000; padding:11px 0px 11px 0px; font-weight:bold;}
		#MenuMain ul li a:hover		{ color: #960; padding:11px 0px 11px 0px; }
		#MenuMain ul li.leport a					{ display:block; text-decoration: none; color: #500000; padding:11px 0px 11px 0px; font-weight:bold;background:url(Images/Le_Port.gif) no-repeat center  ;}
		#MenuMain ul li.leport a:hover		{ color: #960; padding:11px 0px 11px 0px; background:url(Images/Le_Port_ov.gif) no-repeat center;}
		#MenuMain ul li.larégion a					{ display:block; text-decoration: none; color: #500000; padding:11px 0px 11px 0px; font-weight:bold;background: url(Images/La_Region.gif) no-repeat center  ;}
		#MenuMain ul li.larégion a:hover		{ color: #960; padding:11px 0px 11px 0px; background: url(Images/La_Region_ov.gif) no-repeat center;}
		#MenuMain ul li.viepratique a					{ display:block; text-decoration: none; color: #500000; padding:11px 0px 11px 0px; font-weight:bold;background:url(Images/Vie_Pratique.gif) no-repeat center  ;}
		#MenuMain ul li.viepratique a:hover		{ color: #960; padding:11px 0px 11px 0px; background:url(Images/Vie_Pratique_ov.gif) no-repeat center;}
		#MenuMain ul li.actualités a					{ display:block; text-decoration: none; color: #500000; padding:11px 0px 11px 0px; font-weight:bold;background: url(Images/Actualites.gif) no-repeat center  ;}
		#MenuMain ul li.actualités a:hover		{ color: #960; padding:11px 0px 11px 0px; background: url(Images/Actualites_ov.gif) no-repeat center;}
		#MenuMain ul li.contact	a { color: #fff; margin-left:210px; margin-top:25px; width:80px;padding:11px 0px 11px 0px;background:url(Images/Contact.gif) no-repeat center ; }
		#MenuMain ul li.contact	a:hover { color: #500000; background:url(Images/Contact_ov.gif) no-repeat center ; }
	
		#MenuMain ul li .Hide { visibility:hidden }
/* Secondary Navigation */		
		
	#MenuSec	{
    float:left;
		margin-top:-35px;
		width:200px;
		/*
		border:1px solid #fff;
		*/
	}
	#MenuSec	ul {
		list-style: none;
		margin: 0px ;															/* Empèche les options de menu de dépasser la largeur */
		padding: 0px ;														/* Empèche les options de menu de dépasser la largeur */
		width:100%;	
	}
	#MenuSec	ul li {
	}
	
	#MenuSec li a {
			display: block;
			padding: 3px;																						/* Définir la hauteur des option de Menu en correlation avec height et Background position de la puce*/
			padding-left: 75px;																			/* Modifier le retrait gauche du sous menu */
			color: #ccc;
			text-decoration: none;																	/* Souligner */
			/*height:15px;*/																						/* Définir la hauteur des options de menu en correlation avec Padding et Background position de la puce */
			
			background-image: url(Images/Puce.gif);
			background-repeat:no-repeat;
			background-position: 50px 5px;
			
			border-bottom:1px solid #996600;
			margin:1px;
	}
	#MenuSec li a:hover {
			color: #996600;
	}
    
/* Home page content */		
    #Content {
        margin-left:220px;
        margin-right:270px;
        color:#fff;
    }
    #Content h1 {
        font-size:140%;
    	margin:0px;
        padding:3px;
	}
    
    #Content p {
        font-size:110%;
    	margin:0px;
        padding:3px;
	}
    #Content a {
    	padding-right:8px;
        background-image: url(Images/Puce.gif);
        background-repeat:no-repeat;
        background-position: right 4px;
    }
    
	#Footer{
		text-align:right;
		float:right;
		margin:0px 0px;
		color:#ccc;
		margin-top:-20px;
		/*
        clear:both;
			border:1px solid #fff;
	*/
	}

/* Footer */		
		
	#Footer a {
		text-decoration:none;
		color:#996600;
	}
	#Footer a:hover {
		text-decoration:none;
		color:#993300;
	}