/* @Musées de Cognac */
/* CSS de la page de garde */


/* Divs */ 

	#pagedegarde {
	background-image:url(../images/fondpagegarde.jpg);
	background-repeat:no-repeat;
	background-color : #653010;
	font-family: Arial, Helvetica, sans-serif;
		}	
	
	#pagedegardecontenu {
		width:890px;
		}
		#pagedegardecontenu h1	{
			font-family: "Tw Cen MT", "Century Gothic", Arial;
			font-size: 14px;
			color: #FFFFFF;	
			margin:0px;
			padding:0px;	
			}	
		
	
	/* Logo */			
	#pagedegardelogo {
		background-image:url(../images/pagedegarde/logo.jpg);
		background-repeat:no-repeat;
		width:275px;
		height:160px;
		float:left;
		}
		
	/* encadré musées */
	#pagedegardemusees { 
		width:615px;
		height:160px;
		float:left;
		}	
		#pagedegardemusees_haut	{ 
			width:609px;
			height:70px;
			background-image:url(../images/pagedegarde/statue.jpg);
			background-position:right;
			background-repeat:no-repeat;
			}	
			#pdg_musees_haut_titre	{
			padding-top:53px;
			}				
						
		#pagedegardemusees_bas	{ 
			height:80px;
			width:607px;
			background-color:#c8713b;
			border:#dfa062 solid 1px;
			}	
			#pagedegardemusees_bas img	{ 
			margin:8px;
			margin-left:12px;
			}

			#pagedegardemusees_bas ul {
			margin:0px;	font-family: Verdana, Arial, Helvetica, sans-serif;		
			padding:0px;
			list-style-type: none;

			}
		#pagedegardemusees_bas li {
	display: inline;
	margin:0px;
	padding:0px;
	list-style-type: none;
	color: #000000;
			}		
				
		#pagedegardemusees_bas li a {
			display: block;
			float: left;
			padding:0px;
			color: white;
			text-decoration: none;
			}	

			
		#pagedegardemusees_bas a {
			height:63px;
			width:285px;
			margin:6px;
			border: #dfa062 solid 1px;
			text-align:right;
			font-size:12px;
			color: #000000;		 
			}			
		#pagedegardemusees_bas a.maco {
		background-image:url(../images/pagedegarde/logomaco.jpg);
		}	
		#pagedegardemusees_bas a.maco:hover {
		background-image:url(../images/pagedegarde/logomaco_hover.jpg);
		border-color:#FFFFFF;
		}	
		#pagedegardemusees_bas a.mah {
		background-image:url(../images/pagedegarde/logomah.jpg);
		}	
		#pagedegardemusees_bas a.mah:hover {
		background-image:url(../images/pagedegarde/logomah_hover.jpg);
		border-color:#FFFFFF;
		}		
		
		
		
		
			
	/* encadrés du milieu */		
	#pagedegardemilieu {
		background-image:url(../images/pagedegarde/vase.jpg);
		background-repeat:no-repeat;
		width:885px;
		height:326px;
		clear:both;
		margin:0px;
		padding:0px;
		}	
		
		#pagedegardetitres { 
			float:right;
			height:15px;
			margin:0px;
			padding:0px;
			}
			#pagedegardetitres_rubriques{
				width:307px;
				float:left;
				}
			#pagedegardetitres_actu {
				 width:302px;
				 float:left;
				}
				
		/* encadré des rubriques */	
				
		#pagedegarderubriques {
			background-color:#c8713b;
			border:#dfa062 solid 1px;
			width:295px;
			height:290px;
			float:right;
			margin:5px;
			margin-top:1px;
			padding-top:10px;
			padding-bottom:0px;
			}	
								
		#pagedegarderubriques ul {
			margin:0px;
			padding:0px;
			list-style-type: none;	
			}
			#pagedegarderubriques li {
				margin:0px;
				padding:0px;
				list-style-type: none;		
				}
			
		#pagedegarderubriques a {
			text-align:right;
			margin-left:45px;
			margin-right:5px;							
			margin-bottom:5px;
			
			padding-right:3px;
			padding-top:33px;
			
			font-size: 13px;
			text-decoration:none;
			color: #000000;
			height:15px;
			width:195px;			
			border: #dfa062 solid 1px;			
			line-height:13px;
			display:block;
			}		
			#pagedegarderubriques a:hover {
				color: #FFFFFF;
				border-color:#FFFFFF;
				}	
			#pagedegarderubriques a.rubrique1 {
				background-image:url(../images/pagedegarde/logoservicepublics.jpg);			
				}
				#pagedegarderubriques a.rubrique1:hover {
					background-image:url(../images/pagedegarde/logoservicepublics_hover.jpg);			
					}
			#pagedegarderubriques a.rubrique2 {
				background-image:url(../images/pagedegarde/logoinfopratiques.jpg);	
				margin-top:5px;			
				}		
				#pagedegarderubriques a.rubrique2:hover {
					background-image:url(../images/pagedegarde/logoinfopratiques_hover.jpg);				
					}			
			#pagedegarderubriques a.rubrique3 {
				background-image:url(../images/pagedegarde/logopublications.jpg);	
				margin-top:5px;		
				}	
				#pagedegarderubriques a.rubrique3:hover {
					background-image:url(../images/pagedegarde/logopublications_hover.jpg);	
					margin-top:5px;		
					}				
			#pagedegarderubriques a.rubrique4 {
				background-image:url(../images/pagedegarde/logoboutique.jpg);	
				margin-top:5px;		
				}			
				#pagedegarderubriques a.rubrique4:hover {
					background-image:url(../images/pagedegarde/logoboutique_hover.jpg);			
					}						
			#pagedegarderubriques a.rubrique5 {
				background-image:url(../images/pagedegarde/logoressources.jpg);
				margin-top:5px;	
				}			
			#pagedegarderubriques a.rubrique5:hover {
				background-image:url(../images/pagedegarde/logoressources_hover.jpg);	
				}				
				
		
			
		


		
		/* encadré actualités */			
		#pagedegardeactu {
			background-color:#c8713b;
			border:#dfa062 solid 1px;
			margin:5px;
			margin-top:1px;
			margin-right:0px;
			width:300px;
			height:300px;
			float:right;
			overflow:hidden;
			}	
			#pagedegardeactu p {
				margin:5px;
				margin-top:0px;
				margin-bottom:12px;
				font-size: 12px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				}
			#pagedegardeactu img {
				margin:5px;
				border: #dfa062 solid 1px;
				}		
				#pagedegardeactu img:hover {
				margin:5px;
				border:  #FFFFFF solid 1px;
				}	
				
			#pagedegardeactu h2 {
				background-image:url(../images/ressources/fleche.jpg);
				background-repeat:no-repeat;
				background-position:0px 2px;
				margin-left:5px;
				margin-bottom:0px;
				margin-top:0px;
				padding:0px;
				padding-left:12px;
				font-size: 12px;
				color: #000000;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				}
				
			#pdg_actu {
			padding-left:160px;}	
				
			#pagedegardeactu a.pdg_actu {				
				font-size: 12px;
				color:#FFFFFF;
				margin-left:0px;
				margin-top:5px;
				margin-bottom:2px;				
				text-align:right;
				}	
			#actu_milieu { 
				height:215px;
				overflow:hidden;		
				}
			#actu_bas { 
				text-align:right;	
				padding-right:5px;		
				}
			
			
	/* encadré du bas */		
	#pagedegardebas	 {
		background-image:url(../images/pagedegarde/fondbas.gif);
		background-position:0px 1px;
		width:884px;
		height:44px;
		clear:both;
		margin-top:10px;
		}
		#pagedegardebas_contact{
			background-image:url(../images/pagedegarde/logocontact.jpg);
			background-repeat:no-repeat;
			background-color:#486854;
			width:101px;
			float:right;
			border:#de9e61 solid 1px;		
			padding-top:25px;
			padding-left:33px;
			padding-right:7px;
			padding-bottom:2px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			}
			#pagedegardebas_contact a {
				color: #000000;
				font-size:12px;
				text-decoration:none;
				}
			#pagedegardebas_contact a:hover {
				color: #FFFFFF;
				text-decoration: underline;
				}
#pagedegardebas_logoville {
	background-repeat:no-repeat;
	width:88px;
	float:right;
	padding-top:0px;
	padding-left:0px;
	padding-bottom:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	height: 20px;
}