/* Style sheet GesWeb */
/* Theme Portdecheyres.ch - Interior Page */
/* Copyright 2008 Obtic Sàrl e-consultant	*/

/* Page	& html tag */
	html {
		font-family: Arial, Helvetica, sans-serif;
		margin:0em;
		padding:0em;
		font-size:small;
	}
	body { 
		margin:0em;
		padding:0em;
		background-color:#e7d7a8;
		background-image:url(Images/body_bgr.gif);
		background-position:top;
		background-repeat:repeat-x;
		font-size:90%;
	}
	
	p, li, h1, h2, h3, h4, h5,  hr, table, tr, td{
		font-size:inherit;
		margin:0px;
	}
	
	ul, ol { 
	}
	
	a {
		text-decoration:none;
		color: #996600;
	}
	a:hover {
		color: #500000;
	}

/* User selectable inside gesweb -------------------*/

  .flotant-gauche        {float:left;margin-right:10px;}
  .flotant-droite        {float:right;margin-left:10px;}
  .effacer-gauche-droite {clear:both;}
  .important             {color:red;font-weight:bold;}
  .legende-images        {text-align:left;font-size:.8em;font-style:italic;font-weight:normal;}


/* Header */ 	
	#HeaderContainer {
		min-width:775px;
		max-width:1000px;
		background-image:url(Images/Container_Bgr.jpg);
		background-repeat:no-repeat;
		background-position:top right;
	}

	#Header { 
		margin:0px;
		padding:0px;
		background-position:top left;
		background-repeat:no-repeat;
		background-image:url(../../usr_files/Images/Picto/banner_00.jpg);
	}
	#HeaderBgr { 
		margin-right:0px;
		background-position:top left;
		background-repeat:no-repeat;
		background-image:url(Images/Header_Bgr.png);
	}
			#MenuGeneric {
				font-size:12px;
				float:right;
				padding:5px 10px 0px 0px;
				color: #fff;
			}
				#MenuGeneric a {
					text-decoration:none;
					color: #fff;
				}
				#MenuGeneric a:hover {
					text-decoration:underline;
					color: #960;
				}
				#MenuGeneric a.Select {
					font-weight:bold;
					color: #960;
				}

/* Print / Search */

			#SearchForm					{ margin:0px;padding:0px;}
			#Print		 					{ margin:0px; padding:170px 0px 0px 0px; text-align:right;  }
			#Print p						{ margin:0px; padding:0px; font-size:95%; color:#666; }
			#Print input.input	{ margin:0px; padding:0px; vertical-align:bottom;width:138px; font-family: Arial, Helvetica, sans-serif; font-size:13px;border:1px solid #996600;}		
			#Print input.ok 		{	margin:0px; padding:0px; vertical-align:bottom;border:1px solid #500000;!important}		
		


/* Contenu */
	
	#ContentContainer {
		background-color:#eee3c3;
		background-image:url(Images/Container_Bgr.gif);
		background-repeat:repeat-y;
		background-position:left	;
		background-color:#ecdeb0;
		padding-top:10px;
	}
	#Content {
		min-width:775px;
		max-width:1000px;
		padding:0px;
		background-repeat:repeat-y;
		background-position:right;
		background-image:url(Images/Content_bgr.gif);
	}
		#Text {
			padding:10px 180px 10px 210px ;
		}
			#Text h1 {
				font-size:1.60em;
				font-weight:bold;
				color:#500000;
				padding:5px 0px ;
			}
			#Text h2 {
				font-size:1.3em;
				color:#666;
				padding:5px 0px;
			}
			#Text h3 {
				font-size:1.1em;
				color:#333;
				padding:5px 0px 5px 0px;
			}
			#Text p {
				padding:5px 0px ;
			}
			#Text p a { 
				text-decoration:underline;
			}
			
			#Text ul, ol {
				margin-top:3px; margin-bottom:3px;
			}
				#Text ul li{
					padding:2px 0px; 
				}
				#Text ol li{
					padding:2px 0px; 
				}

			#Text table td {
				margin:0 !important;
			}
			
			#Text table td p{
				padding:0px 0px 0px 0px!important;
			}
			#Text img {
				padding:5px;
				border:1px solid #fff;
			}


			#ContentFooter {
				font-size:11px; 
				color:#999;
				clear:both;
			}
				#DateMaj{
					float:left; 
					margin:15px 0px;
				}
				#Top{
					float:right; 
					margin:15px 0px;
				}
		#News {
			padding:0px;
		}
			#News h1 {
				padding:5px 0px 0px 0px ;
			}
			#News h1 a						{ color:#FF9900;}
			#News h1 a:hover			{ color:#66FF00;}
			#Newsold h1 {
				font-size:1.4em;
				font-weight:bold;
				color:#000;
				margin:0px 10px 10px 0px ;
				Padding-top:5px;
				Padding-left:13px;
			}
			#News h2 {
				font-size:1.3em;
				margin:0px;
        padding:0px;
			}
			#News .DateNews {
				font-size:80%;
				font-weight:bold;
				margin:0px 0px 0px 0px ;
				padding:10px 0px 0px 0px ;
				color:#000;
			}
			#News .NewsTxt {
				font-size:1.1em;
				margin:15px 0px 5px 10px ;
				color:#000;
			}
			#News  .NewsTxt a{
				color:#003399;
				text-decoration:underline;
			}
			#News  .NewsTxt a:hover{
				text-decoration:underline;
				color:#FF9900;
			}
			#News p {
				font-size:1.1em;
				margin:10px 10px 0px 10px ;
			}
			#News p.plus {
				font-size:95%;
				margin:0px 10px 15px 0px ;
			}
			#News  p.plus a{
				text-decoration:uderline;
			}
			#News  p.plus a:hover{
				text-decoration:underline;
			}
      
/* Connexe */ 

	#connexe { 
		padding:0px; 
		margin:0px; 
		text-align:center; 
		float:right; 
		width:155px; 
		background-color:#fff;
    
	}
		#connexe h2 { 
			margin:10px 0px 0px 0px ; 
			padding:0px 0px 5px 10px; 
			font-size:1.1em; 
			color:#500000; 
			text-align:left; 
			background-color:#fff; 
		}
		#connexe p {
			margin: 0px 0px 5px 0px;  
			padding:5px 0px 5px 10px; 
			font-size:1.0em; 
			color:#333;    
			text-align:left; 
			background-color:#fff; 
		}
			#connexe p.right { 
				text-align:right;
			}
		#connexe ul { 
			margin:0px;
			padding:10px 0px;
			list-style:none;
			width:100%;
			text-align:left;
			background-color:#fff;
			Clear:both;
		}
			#connexe ul	li { 
				display: block;
				padding: 3px;																						/* Définir la hauteur des option de Menu en correlation avec height et Background position de la puce*/
				padding-left: 25px;																			/* Modifier le retrait gauche du sous menu */
				text-decoration: none;																	/* Souligner */
				/*height:10px;*/																				/* 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: 10px 7px;
				border-bottom:1px solid #fff;
				margin:1px;
			}
			#connexe ul	li a { 
				font-weight:bold;			
				color: #960;
				text-decoration: none;
			}
			#connexe ul	li a:hover { 
				color:#500000;
			}

			#connexe ul	li a.Select { 
				color: #500000;
				text-decoration: none;
			}
			#connexe ul	li a.Select:hover			{ 
				color:#;
			}

		/* Table Météo */
		#Meteo{
		background-color:#f3eacc;
		padding:10px 0px;
		font-size:10px;
		}
		#Meteo h2 {
			font-size:14px;
			background-color:#f3eacc;
		}
		.Meteo {
		width:150px; 
		margin:0px;
		padding:0px ;
		border-collapse:collapse;
		background-color:#f3eacc;
		}
		.DataMeteoR {
		text-align:center;
		color:#996600;
		border-right:1px solid #996600;
		}
		.DataMeteoL {
		text-align:center;
		color:#996600;
		}
	
/* Breadcrumb */
	#Breadcrumb { 
		margin:0px; 
		margin-top:-10px; 
		padding:0px 0px 10px 0px ; 
		text-align:left; 
	}
		#Breadcrumb p { 
			margin:0px; 
			padding:0px 0px 2px 0px; 
			font-size:95%; 
			color:#666;  
		}

  /* Photo & Galleries */
  #GalleriesContainer{ 
    margin:10px 0px 10px 0px; 
    padding:0px; 
    max-width:600px; 
    height:auto; 
    text-align: left;}
  
    #Galleries { 
      float:left; 
      padding:0px; 
      margin:10px 10px 10px 10px; 
      Border:1px solid #fff;
    }
    #Galleries:hover  { 
      background-color:#f3eacc; 
    }
      #Galleries h2 { 
        margin:5px 0px 0px 0px; 
        padding:0px; 
        text-align:center; 
      }

      #Galleries p {
        margin:0px!important;
        padding:0px !important;
        text-align:center;
        font-size:95%;
      }
      #Galleries img {
        padding:5px;
        margin:5px;
        border:none;
      }
  
  /* Photos List */
  #PhotosContainer { 
    margin:10px 0px 10px 0px; 
    padding:0px; 
    max-width:600px; 
    height:auto; 
    text-align:left;
  }
    #Photo { 
      float:left; 
      padding:0px; 
      margin:10px 5px 10px 5px; 
      Border:1px solid #fff;
      text-align:center;
    	height:150px; 
    }
    #Photo:hover  { 
      background-color:#f3eacc; 
    }
      #Photo img {
        padding:3px;
        margin:3px;
        border:none;
      }
      #Photo p {
        margin:0px 0px 5px 5px !important;
        padding:0px !important;
        text-align:left;
        font-size:90%;
      }
      #Photo a{ 
        text-decoration:underline;
      }

  /* Photos List */
  #PhotosDetails { 
    margin:0px 0px 0px 0px; 
    padding:0px; 
    
  }

  #PhotosDetails .Cadre { 
        padding:10px;
        margin:0px;
        border:1px solid #fff;
  }

/* Footer */
	#Footer { 
		margin: 0px; 
		padding: 0px; 
		width:100%; 
		height:20px; 
		clear:both; 
		
		font-size:11px; 
		
		border-top:1px solid #fff; 
		background-image:url(../image/footerbgr.jpg); 
		background-repeat:repeat-x; 
		background-position:top; 
		
	}
		#GesWeb { 
			float:right;
		  padding-right:15px; 
		  padding-top:2px;
			color:#999;
		}
      #GesWeb a{ 
        color:#999;
      }
      #GesWeb a:hover{ 
        color:#500000;
        text-decoration:underline; 
			}
    #Adresse { 
      text-align:left;
      padding-left:210px; 
    }
      #Adresse a { 
        text-decoration:none;
      }
      #Adresse a:hover	{
        text-decoration:underline; 
      }