/*----Styles CSS du site des musées de Cognac ©Musées de Cognac ----*/


/*--NOTE: les feuilles CSS de chaque rubriques sont séparées, à cause de conflits de classes sous IE ---*/
/*--NOTE: Sont présents ici: 
Les configurations communes à toutes les pages
Les rubriques: générale musées, musées collections, galeries, mentions légales ---*/




/*-------------------- Général -----------------------------------------------*/

body {
	background-image: url(../images/imagedefond.jpg);
	background-color: #653010;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	top: 0px;
	left: 0px;	
	}

p {
	margin:10px;
	line-height: 20px;
	}
	
ul, li {
	margin:10px;
	margin-left:25px;
	line-height: 20px;
	list-style-type: circle;
	}
	
	
a {
	text-decoration: none;
	color: #FFFFFF;
  	}
	a:hover  {
		text-decoration: underline;
		color:#FFFFFF;
		}

hr {
  	clear: both;
 	visibility:hidden;
	}	
	
img { 
	border:0px;
	}
	
h1 { 
	text-decoration:none;	
	}
	
	
/*------------------- Div principales ------------------------------------------------*/

#clear {
	clear:both;
	}

/*-------------------- MENU haut ------------------------------*/
	#haut {
		width : 980px;
		height : 85px;
		}	
	
	#hautmenu {
		width: 975px;
		height : 21px;
		position:absolute;
		z-index:4;
		margin-top:34px;
		background-image: url(../images/menu/barre.jpg);
		background-repeat: no-repeat;
		background-position:5px;
		background-color: #663024;
		border-color : #2F1700;
		border-width : 1px;
		border-style : solid;
		border-left-width : 0px;
		font-family: arial;
		font-size: 13px;
		color: #F5EDE7;
		font-weight: bold;
		top: 1px;
		}				
		#hautmenuboutons {			
			height:21px;
			float:right;
			display: block;
			text-align:center;				
			}	
			#hautmenuboutons a {
				color: #FBF9F7;		
				height:21px;
				float:left;							
				}
				#hautmenuboutons a:hover {
					text-decoration: none;				
					}			
									
				/* ----------propriété des boutons (liens); mouse hover en css------------ */
				a.actu {					
					background-image: url('../images/menu/actu.jpg') 0 0 no-repeat;
					width: 85px; 
					}				
					a.actu:hover { 
						background: url('../images/menu/actu.jpg') 100% 100% no-repeat;
						}
					
				a.musees { 
					background-image: url('../images/menu/musees.jpg') 0 0 no-repeat;
					width: 90px; 
					}
					a.musees:hover { 
						background: url('../images/menu/musees.jpg') 100% 100% no-repeat;
						}
					
				a.servpublics {
					background-image: url('../images/menu/servp.jpg') 0 0 no-repeat;
					width: 141px;
					}
					a.servpublics:hover { 
						background: url('../images/menu/servp.jpg') 100% 100% no-repeat;
						}
						
				a.infopratiques {
					background-image: url('../images/menu/infoprat.jpg') 0 0 no-repeat;
					width: 162px;
					}
					a.infopratiques:hover { 
						background: url('../images/menu/infoprat.jpg') 100% 100% no-repeat;
						}
				a.publications {
					background-image: url('../images/menu/actu.jpg') 0 0 no-repeat;
					width: 92px; 
					}
					a.publications:hover { 
						background: url('../images/menu/publ.jpg') 100% 100% no-repeat;
						}
				
				a.boutique {
					background-image: url('../images/menu/actu.jpg') 0 0 no-repeat;
					width: 78px;
					}				
					a.boutique:hover { 
						background: url('../images/menu/bouti.jpg') 100% 100% no-repeat;
						}
				
				a.ressources {
					background-image: url('../images/menu/ress.jpg') 0 0 no-repeat;
					width: 87px; 
					}				
					a.ressources:hover { 
						background: url('../images/menu/ress.jpg') 100% 100% no-repeat;
						}
				
				a.contact {
					background-image: url('../images/menu/cont.jpg') 0 0 no-repeat;
					width: 65px; 
					}				
					a.contact:hover { 
						background: url('../images/menu/cont.jpg') 100% 100% no-repeat;
						}
				
				
		#hautdivers {	
			position:absolute;	
			}					
		
		#hautlogo {
			margin-top:11px;
			margin-left:30px;
			position:absolute;
			z-index:5;
			width: 95px;
			height :34px;
			top: 14px;
			}
		
/*-------------------- gauche ---------------------------*/	
	
	#menugauche {
		position:absolute;
		left:29px;
		top:170px;
		z-index:10;
		width: 97px;
		height: 300px;
		font-size: 12px;
		color: #FFFFFF;
		text-align: justify;
		font-family: Arial;	
		}
		#menugauche p{
			margin:5px;
			}			
		#menugauche h1{
			margin:8px;
			margin-bottom:20px;
			text-align: center;
			font-size: 13px;
			color: #FFFFFF;		
			}			
		#menugauche h2 {		
			margin-top:10px;
			margin-bottom:8px;
			padding-left:2px;
			font-size: 12px;	
			color: #FFFFFF;
			}			
			#menugauche h2.maco{
				background-color: #F37927;
				}			
			#menugauche h2.mah{
				background-color: #6b1c9b;
				margin-right:2px;
				}			
			#menugauche h2.conferences{
				background-color: #5b8d51;
				}			
			#menugauche h2.ateliers{
				background-color: #b14242;
				}
			#menugauche h2.evenements{
				background-color: #e99e3d;
				}
			#menugauche h2.acquisitions{
				background-color: #ccac2f;
				}

		#menugauche.variante p {
				margin:1px;
				line-height:25px;
				text-align:center;
				}
			
			
/*----- barre utile, en haut du contenu principal------ */

	#barrehaut {
		width : 980px;
		height : 32px;
		background-image : url(../images/topnote.jpg);
		background-repeat : no-repeat;
		background-position : 180px;
		}
	
		#barrehautoptions {
			padding-top:6px;
			float:right;
			width:270px;	
			}
		#barrehautoptions a {
			color: #EFCC98;
			font-size: 11px;
			font-family:Verdana, Arial, Helvetica, sans-serif;			
			}
		#barrehautoptions a:hover {
			color:#FFFFFF;		
			}			

/*--------------------centre ------------------------------*/
	
	#centreprincipale {
		background-repeat : repeat-y;
		background-image : url(../images/fondmilieu.jpg);
		}		
	 
		#centrearriereplan {
			width : 980px;
			background-repeat : no-repeat;
			}   
				
		#centrecontenu, #centrecontenu_collections, #centrecontenu_plandesite {					
			width : 721px;
			min-height: 650px;
			margin-left : 180px;
			background-image: url(../images/centrecontenufond.jpg);
			background-repeat: repeat-y;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			border-width: 1px;					
			border-style: solid;
			border-color: #2F1700;
			padding-bottom:10px;
			}
			#centrecontenu h1, #centrecontenu_collections h1{
				margin:8px;
				font-size: 12px;
				color: #FFFFFF;
				font-family: Verdana, Arial, Helvetica, sans-serif;								
				}		
								
		#centrecontenuentete {
			width : 721px;
			height:132px;
			background-repeat: no-repeat;	
			clear:both;
			}		
			#entete_texte {
				padding-top:110px;
				padding-left:85px;
				color:#ff6600;
				font-size: 14px;
				font-weight: bold;		
				}	
				
				
		#centrecontenutexte {
			width:535px;	
			margin-left:10px;
			text-align: justify ;
			/*background-color: #CE9658;*/	
			}
			#centrecontenutexte p{
				margin-top:3px;		
				margin-bottom:6px;		
				}	
							
		#centrecontenuillustrations{						
			float:right;
			width:162px;
			}		
		#centrecontenuillustrations img{
		border:#000000 1px solid;
			}						
		#centrecontenuillustrations img:hover{
		border-color:#FFFFFF;
			}												
	#centrebarrebas {
		padding-left:20px;
		padding-top:5px;
		background-image : url(../images/BarreUtileBas.jpg);
		background-repeat :no-repeat;
		height : 100px;
		margin-left : 170px;
		font-size: 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #E4DAB6;
		display: block;
		clear: both;
		}							
		#centrebarrebas a {
			color: #E4DAB6;
			display: block;	
			float:left; 
			text-decoration:underline;						
			}						
			#centrebarrebas a.flecheup {
				margin-left: 20px;
				text-decoration:none;
				}
				
		#centrebarrebasfilariane {						
			width:553px;	
			float:left;									
			}						
			#centrebarrebasfilariane a{	
				text-decoration:none;
				}				
				
			#centrebarrebas a:hover {
				text-decoration:underline;
				color:#FFFFFF;
				}					
						
						
/*-------------------- Cas particuliers par page -------------------------------------------------*/	
	
				
	#centrecontenu.simple {
		background-color: #CE9658;
		background-image: none;
		padding-bottom:0px;
		}	
		#centrecontenu.simple h1{
			text-decoration:none;	
			} 			
		#centrecontenu.simple h2 {
			font-size: 12px;				
			} 		
				
		#centrecontenu.simple h1.h1bleu, #centrecontenu.simple h1.h1vert, #centrecontenu.simple h1.h1rouge, #centrecontenu.simple h1.h1marron {
			margin:0px;
			height:20px;
			padding-left:5px;
			margin:0px;
			text-decoration:none;
			} 					
			.h1vert {  
				background-color:#5daf4d; 
				padding-top:2px;
				}	
			.h1bleu {
				background-color:#5389c1; 
				padding-top:2px;
				}	
			.h1rouge {
				background-color:#be404c;
				padding-top:2px;
				}	
			.h1marron{
				background-color:#946532;
				padding-top:2px;
				}	
					
	#credits {
		clear:both;
		font-size: 10px;	
		padding-top:2px;
		background-image:url(../images/hrcredits.jpg);
		background-repeat:no-repeat;
		margin-bottom:10px;
		margin-top:20px;
		margin-left:10px;
		}	
		#credits a {
			color:#333333;
			text-decoration:underline;
			}			
		#credits a:hover {
			color:#FFFFFF;
			}						


/*--------------Musées ------------------------------*/	


#centrecontenuentete.musees { 
	background-image:url(../images/musees/entetemusees.jpg);
	}
	#entete_texte.musees {
		padding-left:7px;
		}

h2.indexmusees {
	margin-top:25px;
	margin-left:20px;
	margin-bottom:10px;
	color: #000000;
	}
	
#choix_musees_maco, #choix_musees_mah  {
	width:298px;
	background-color:#e6bf95;
	border: 1px solid #613505;
	height:230px;
	margin:20px;
	float:left;
	}
	#choix_musees_maco a, #choix_musees_mah  a {
		color: #000000;
		text-decoration: underline;		
		}
		#choix_musees_maco a:hover, #choix_musees_mah  a:hover {
		color:#FFFFFF;	
		}
	#choix_musees_maco h2, #choix_musees_mah  h2 {
		margin:0px;
		color:#FFFFFF;
		font-size: 14px;
		margin-bottom:50px;
		padding:2px 0px 2px 2px;
		}
		#choix_musees_maco h2 {	
			background-color: #F37927;
			}
		#choix_musees_mah  h2 {	
			background-color: #6b1c9b;
			}			
	#choix_musees_maco h3 , #choix_musees_mah h3 {
		background-image:url(../images/ressources/fleche.jpg);
		background-repeat:no-repeat;
		background-position:0px 2px;
		padding-left:15px;
		color:#FFFFFF;
		font-size: 12px;
		font-weight: normal;
		margin-left:30px;
		margin-bottom:45px;
		}		
			
			
	#choix_musees_maco  { 
		background-image:url(../images/musees/macofond.jpg);
		background-repeat:no-repeat;
		background-position:120px 70px;		
		}
	#choix_musees_mah  { 
		background-image:url(../images/musees/mahfond.jpg);
		background-repeat:no-repeat;
		background-position:120px 70px;		
		}
		


#credits.indexmusees {
	margin-top:170px;
	}	
	
.creditphoto {
	font-size: 9px;
	}	

	
/*--------------Musées_collections ------------------------------*/			


	
/*	enlevé; oeuvre placée avec le texte
#centrecontenu_oeuvre {
		float:right;
		width:500px;
		margin-left:13px;
		margin-top:20px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;	
		}	
		#centrecontenu_oeuvre.texte {
			margin-top:0px;
			padding:0px;width:500px;		
			 }	*/	
		 
		 
	#centrecontenu_oeuvre p, #centrecontenutexte.collections p {
		margin-left:0px;		
		}
	#centrecontenutexte.collections h1 {
		margin-left:0px;
		text-decoration:none;	
		
		}
		#centrecontenutexte.collections ul {
		margin:0px;
		padding:0px;
		margin-left:10px;
		
		}	
		
		
	#centrecontenu_oeuvre img, #centrecontenutexte.collections img { 
		border: 1px solid #f0a774;
		margin-left:0px;
		margin-top:8px;
		margin-right:5px;
		margin-bottom:2px;				
			}
	#centrecontenutexte.collections img.bouton{ 
		border: 0px;			
			}

#centrecontenutextemusees {
	width:523px;	
	margin-left:17px;
	text-align: justify ;
	background-color:none;
	}
	#centrecontenutextemusees p{
		margin-top:3px;		
		margin-bottom:6px;
		margin-left:3px;

		}	


	#centrecontenu_oeuvreliste {	
		float:right;	
		width:172px;
		margin-right:4px;	
		margin-left:20px;	
		margin-top:20px;
		text-align:center;

		}

		#centrecontenu_oeuvreliste img{	
			margin:2px;
			margin-bottom:5px;
			border:#000000 solid 1px;
			}
		#centrecontenu_oeuvreliste img:hover {
		border-color:#FFFFFF;
		
		}	
	#centrecontenu_titre {
		margin-top:20px;
		width:721px;
		background-image:url(../images/maco/fondtitremaco.jpg);
		background-repeat:repeat-y;

		}	
	
		#centrecontenu_titre1{
			float:left;
			width:500px; 
			margin-right:20px;
			padding-left:20px;
			margin-top:5px;
			margin-bottom:3px;			
			}
		#centrecontenu_titre.presentation, #centrecontenu_titre1.presentation{
		height:50px;		
			}
			#centrecontenu_titre1 h1{
					margin:0px;		
					padding:0px;
					margin-bottom:5px;
					margin-top:2px;
					}	
			#centrecontenu_titre1 h2{
				margin:0px;
				padding:0px;
				font-size: 12px;
				color: #FFFFFF;
				font-weight: normal;margin-bottom:2px;
					}	
			
			
			
		#centrecontenu_titre2  {
			float:left;
			margin-right:0px;
			margin-top:28px;
			color: #E4C79A;
			}
		#centrecontenu_titre3  {
			float:left;
			margin-right:0px;
			margin-top:28px;
			color: #E4C79A;
			}

/*------------ mentions légales -------------------------*/	
#mentionslegales {
	padding:10px;
	}		
	#mentionslegales h2 {
		padding-left:10px;
		margin-bottom:0px;
		margin-top:0px;
		}	
	#mentionslegales p {
		margin-top:0px;
		margin-bottom:20px;
		}		
		
	#mentionslegales li {
		margin:3px;
		margin-left:20px;
		margin-bottom:7px;
		}		
	#mentionslegales a {
		color:#FFFFFF;
		text-decoration:none;
		}	
		#mentionslegales a:hover {
			text-decoration:underline;
			}	
	
	#titre.mention_legales {
		margin-bottom:0px;
		}
		
	#entete_texte_mentionlegales {
				padding-top:110px;
				padding-left:5px;
				color:#000000;
				font-size: 14px;
				font-weight: bold;		
				}	
		
	#centrecontenuentete_basique{ 
		width : 721px;
		height:132px;
		background-repeat: no-repeat;	
		clear:both;
		background-image:url(../images/plandesite/enteteplan.jpg);
		margin-bottom:20px;			
		}
	
		#menugauche.variante p {
				margin:1px;
				line-height:25px;
				text-align:center;
				}