/* COMMON */


body {
	font: 62.5%/1.6em Verdana, Sans-Serif;
	color: #000;
	background:#fff;
	margin:0; padding:0;
	line-height:1.7em;
}
h1{clear:none;font-family: "lucida sans unicode",  Sans-Serif;}
p {margin:0; padding: 0 0 10px 0;font-size:1.0em; line-height:1.6em;clear:none;font-family: verdana;}

a {color:#c40008; text-decoration:underline; outline:none;}
a:hover{text-decoration:none;}
	
img {border:none;}
.centerCol {font-size:1.1em;}
.f10 {font-size:0.9em;}
.red {color:red !important;}
.button { 
	float:left;
	width:32px; height:31px;
	background:url(../img/btn_ok.gif) top left no-repeat;
	border:0;
	cursor:pointer;
	text-indent:-10000px;
}
.button:hover { background:url(../img/btn_ok.gif) bottom left no-repeat;}
ul {list-style:disc outside; margin:0 0 0 15px; padding:5px 0 10px 0;}
ul.sitemap {list-style:disc inside; margin:0; padding:5px 0 10px 0;}
ul.sitemap ul{list-style:disc inside; margin:0; padding:5px 0 10px 15px;}
ul.sitemap a {font-weight:bold;}
ul.sitemap ul a {font-weight:normal;}
.displayNone {display:none !important}
h4.documents {
	padding:10px 0 4px 0;
	margin:0;
	font-size:14px;
}
.logoNetwork{
	float:left;
	padding:0px 10px 0 0;
}
#tooltip {
	position: absolute;
	z-index: 3000;
	background-color: #fff;
	top:10px; left:280px;
	width:280px;
	color:#fff;
	font-size:verdana;
	font-size:11px;
	display:none;
	border:1px solid #8d8b7f;
	padding: 2px;
}
#tooltip div{
	display:block;

	
	padding: 2px 5px;
	background-color: #d93939;
}

#concour {
	float:left;
	position:relative;
}


/*  STRUCTURE   */

	#wrap {
		position:relative;
		width:854px;
		padding: 20px 0 0 0;
		margin:0 auto;
	}
	
	
		/* HEADER */
		
		#wrap #header {
			float:left;
			width:854px; height:65px;
		}
			#wrap #header a.sdmm {
				float:left;
				width:217px;
				height:64px;
				background:url(../img/logo_sdmm.gif) top left no-repeat;
				border:none;
				text-indent:-9999px;
			}
				body.e #wrap #header a.sdmm {background:url(../img/e/logo_sdmm.gif) top left no-repeat;}
			
			#wrap #header div.recherche {
				float:right;
				width:284px; height:49px;
			}
			#wrap #header div.recherche img {float:left;}
				#wrap #header .recherche form{margin:0; padding:0; float:left;}
					#wrap #header .recherche form input.champ{
						float:left;
						width:200px; height:20px;
						padding:6px 0 0 0;
						color:#7b7a6e;
						border:1px solid #b3b1aa;
						font-size:1.0em;
						text-indent:5px;
						margin: 0 8px 0 0;
						display:inline;
					}
					
			#wrap #header .menu {
				float:right;
				width:580px; height:13px;
				margin:0 5px 0 0;
				text-align:right;
				display:inline;
			}		
				#wrap #header .menu a { 	
					font-family:arial;
					font-size:1.2em;
					color:#737264;
					text-decoration:underline;
					padding: 0 10px 0 0;
				}				
				#wrap #header .menu a:hover {text-decoration:none;}
				#wrap #header .menu a.ouvert {text-decoration:none !important;}
				
	/* animated ZONE */
			

			
	/* FOOTER */				
				
		#wrap #footer {
			float:left;
			width:854px;
		}		
			#wrap #footer .lignePoint {
				float:left;
				margin: 25px 0px 0 0;
				width:854px; height:32px;
				background:url(../img/img_pointiller.gif) top left repeat-x;
			}		
			#wrap #footer .menuSecondary {
				float:left;
				width:854px;
				color:#c40008;
				padding: 0 0 11px 0;
				text-transform:uppercase;
				text-align:center;
			}		

				#wrap #footer .menuSecondary a{
					color:#6c6b5f;
					text-decoration:none;
				}
					#wrap #footer .menuSecondary a:hover{text-decoration:underline;}
					
			#wrap #footer .menuFooter {
				float:left;
				width:854px;
				text-align:center;
				padding: 0 0 10px 0;
			}
				#wrap #footer .menuFooter a {
					color:#7b7a6e;
					text-decoration:underline;
					padding: 0 0 0 12px;
				}
				#wrap #footer .menuFooter a:hover {text-decoration:none;}
				
			#wrap #footer .copyright {
				float:left;
				width:854px;
				color:#aaaaaa;
				padding: 0 0 11px 0;
				text-align:center;
				font-size:0.9em;
			}			
			#wrap #footer .copyright a{color:#aaaaaa;}		
			
			
		/* Menu ANIMÉ MAINPAGE */
		
		#menuAnimMain {
			float:left;
			width:854px; height:305px;
			height:90px;
			padding:5px 0 0 0px;
			margin: 0px 0 0 0;
		}
		#menuAnimMain a {
			float:left;
			height:90px;
			text-indent:-10000px;
			position:relative;
			cursor:pointer;
		}
			#menuAnimMain a#musee { width:214px; background-image:url(../img/f/btn_content_musee.jpg);}
			#menuAnimMain a#carte {width:212px; background-image:url(../img/f/btn_content_carte.jpg);}
			#menuAnimMain a#parcour {width:211px;background-image:url(../img/f/btn_content_parcour.jpg);}
			#menuAnimMain a#journee {width:212px; background-image:url(../img/f/btn_content_journee.jpg);}
			
			body.e #menuAnimMain a#musee { width:214px; background-image:url(../img/e/btn_content_musee.jpg);}
			body.e #menuAnimMain a#carte {width:212px; background-image:url(../img/e/btn_content_carte.jpg);}
			body.e #menuAnimMain a#parcour {width:211px;background-image:url(../img/e/btn_content_parcour.jpg);}
			body.e #menuAnimMain a#journee {width:212px; background-image:url(../img/e/btn_content_journee.jpg);}
			
						
			#menuAnimMain a:hover {background-position:left center;}
			#menuAnimMain a.open {background-position:left bottom !important;}

		#menuAnimMain .implode, #menuAnim .implode{/* cache le implode dans le header, pas dans le footer */
			display:none;
		}
			
		/* MENU ANNIMÉ */
		
		#AnimContent {
			float:left;
			width:854px; height:305px;
			padding:25px 0 0 0px;
		}
			#AnimContent #menuAnim {
				float:left;
				width:274px;
				margin: 0 1px 0 0px;
				padding:31px 0 0 0;
				display:inline;
			}
					
			#AnimContent #menuAnim a{
				float:left;
				width:274px;
				height:63px;
				text-indent:-10000px;
				position:relative;
				cursor:pointer;
			}	
				#AnimContent #menuAnim a#musee {background:url(../img/f/btn_museeM.jpg) top left no-repeat;}
				#AnimContent #menuAnim a#carte {background:url(../img/f/btn_carte.jpg) top left no-repeat;}
				#AnimContent #menuAnim a#parcour {background:url(../img/f/btn_parcour.jpg) top left no-repeat;}
				#AnimContent #menuAnim a#journee {background:url(../img/f/btn_journee.jpg) top left no-repeat;}
				
				body.e #AnimContent #menuAnim a#musee {background:url(../img/e/btn_museeM.jpg) top left no-repeat;}
				body.e #AnimContent #menuAnim a#carte {background:url(../img/e/btn_carte.jpg) top left no-repeat;}
				body.e #AnimContent #menuAnim a#parcour {background:url(../img/e/btn_parcour.jpg) top left no-repeat;}
				body.e #AnimContent #menuAnim a#journee {background:url(../img/e/btn_journee.jpg) top left no-repeat;}
				
				#AnimContent #menuAnim a span {
					position:absolute;
					width:274px; height:63px;
					top:0; left:0;
					cursor:pointer;
				}
				#AnimContent #menuAnim a#musee span {background:url(../img/f/btn_museeM.jpg) left -63px no-repeat;}
				#AnimContent #menuAnim a#carte span {background:url(../img/f/btn_carte.jpg) left -63px no-repeat;}
				#AnimContent #menuAnim a#parcour span {background:url(../img/f/btn_parcour.jpg) left -63px no-repeat;}
				#AnimContent #menuAnim a#journee span {background:url(../img/f/btn_journee.jpg) left -63px no-repeat;}
				
				body.e #AnimContent #menuAnim a#musee span {background:url(../img/e/btn_museeM.jpg) left -63px no-repeat;}
				body.e #AnimContent #menuAnim a#carte span {background:url(../img/e/btn_carte.jpg) left -63px no-repeat;}
				body.e #AnimContent #menuAnim a#parcour span {background:url(../img/e/btn_parcour.jpg) left -63px no-repeat;}
				body.e #AnimContent #menuAnim a#journee span {background:url(../img/e/btn_journee.jpg) left -63px no-repeat;}
			#AnimContent #animSection div{display:none;} 
				#AnimContent #animSection div.first{display:block;} 	
				
		#animSection .whiteBg {
			position:absolute;
			display:none;
			background:#fff;
			width:564px; height:267px;
			top:7px;left:4px;
		}
		#animSection {
			float:left;
			width:573px;
			height:283px;
			padding: 7px 0 0 4px;
			position:relative; 
			background: url(../img/bg_animation2.gif) 0px 3px no-repeat;
		}		
		#animSection img{border:none;}
		
		
		/* MAINPAGE CONTENT SECTION */	
		
		#wrap #contentMain {float:left; width:854px;}
		
		
			/* MAINPAGE LEFTCOL MENU SECTION */
				
			#wrap #contentMain .leftCol	{
				float:left;
				width:288px;
				padding:10px 0 0 0;
			}	
				#wrap #contentMain .leftCol	ul.menu{margin:0;padding:0;list-style:none;}
					#wrap #contentMain .leftCol	ul.menu li{
						float:left;
						padding:5px 0 6px 0; margin:0;
						width:233px;
						background:url(../img/bg_point.gif) bottom left repeat-x;
					}
					#wrap #contentMain .leftCol	ul.menu li a {
						color:#66655b;
						text-transform:uppercase;
						text-decoration:none;
						display:block;
						width:190px;
						padding:4px;
						position:relative;

					}
					#wrap #contentMain .leftCol	ul.menu li.ouvert a {
						color:#c40008;
					}
						#wrap #contentMain .leftCol	ul.menu li a:hover {color:#c40008;background:#eeece9;}
						#wrap #contentMain .leftCol	ul.menu li a:hover span {
							position:absolute;
							margin:4px 0 0 -15px;
							display:block;
							width:5px; height:5px;
							background:url(../img/img_flche_menu.gif) top left no-repeat;
						}
					#wrap #contentMain .leftCol	 h2 {
						float:left;
						font-weight:normal;
						width:249px; height:29px;
						padding:0; margin:0;
						 text-indent:-10000px;
					}
					#wrap #contentMain .leftCol	 h2.titreColGauchef {background:url(../img/f/title_section.gif) top left no-repeat}
					#wrap #contentMain .leftCol	 h2.titreColGauchee {background:url(../img/e/title_section.gif) top left no-repeat}

					#wrap #contentMain .centerCol h1 {
						margin:0; padding:7px 0 13px 0;
						font-size:1.7em;
						font-family: "lucida sans unicode",  Sans-Serif;
						color:#737264;
						font-weight:normal;
						line-height:1.2em;
					}


			/* MAINPAGE CONTENT SECTION */	
			
			#wrap #contentMain .centerCol	{
				float:left;
				width:562px;
			}	
				#wrap #contentMain .centerCol .photo {
					float:right;
					padding: 0 0 10px 20px;
					width:260px;
				}
				#wrap #contentMain .centerCol .photo img{position:relative; clear:both;}
				#wrap #contentMain .centerCol .photo span{
					float:left;
					width:240px;
					clear:both;
					padding:7px;
					text-transform:italic;
					font-size:0.9em;
					color:#000;
					
				}
				#wrap #contentMain .centerCol .partenaire img{
					padding: 0 20px 10px 0;
				}		
			/* LOGO */	
			
			
			table.photoContainer{
				border-collapse:collapse;
				padding:0px;
				margin:0px 0px 10px 0px;
			
			}
				table.photoContainer td {
					text-align:center;
					padding: 5px;
					background:#dfdfdf;
					border:10px solid #fff;
					width:150px;
					vertical-align:middle;
				
				}
					.photoContainer a, .photoContainer a img {background:#e8dfa9 !important;padding:0;}


				
				
			/* PUBLICATION */ 
			
			#wrap #contentMain .centerCol ul.publication {
				list-style:none;
				list-style-position:inside;
				margin:0;
				
			}
			.thumbDoc {
				display:inline;
				margin: 0 6px 10px 10px;
				border:1px solid #000;
			}
				#wrap #contentMain .centerCol ul.publication li{
				clear:both;
			}
			#wrap #contentMain .centerCol ul.publication div.titre{
				color:#000;
				font-weight:bold;
				padding: 0 0 3px 0;
			}
				
			/* GENERAL CONTENT */
			
			#wrap #contentMain .centerCol .background,
			.overlayContainer .background{
				background:#f3f2e4;
				float:left;
				border:1px solid #d9d7c3;
				width:540px;
				padding-top:5px;
				padding-left:10px;
				padding-right:10px;
				margin-bottom:10px;
				background:url(../img/carte_ruban_noel.gif) top right no-repeat;
			}
			
			
			#wrap #contentMain .centerCol .cartes,
			.overlayContainer .cartes {
				float:left;
				width:150px;
				padding: 4px 0 15px 0;
				color:#000;
				
			} 
				#wrap #contentMain .centerCol .cartes img,
				.overlayContainer .cartes img {padding-bottom:5px; float:left; clear:both;}
				#wrap #contentMain .centerCol .cartes .bulle,
				.overlayContainer .cartes .bulle{
					width:130px;
					background:#e2e1e1;
					color:#000;
					text-transform:uppercase;
					text-align:center;
					padding:5px 0 5px 0;
					margin-top:10px;
					font-weight:bold;
					line-height:13px;
					font-size:10px;
				}
			#wrap #contentMain .centerCol .cartesRight,
			.overlayContainer .cartesRight{
				float:left;
				width:360px;
				padding: 0 0 15px 0;
			
			}
			#wrap #contentMain .centerCol .cartesRight h6,
			.overlayContainer  .cartesRight h6{
				padding-top:0 !important; 
			
			}	
			.overlayContainer .centerCol h1 {font-size:15px; line-height:17px}
				.overlayContainer h6{
				margin:5px 0;
			}	
				#wrap #contentMain .centerCol .colRight h5,
				.overlayContainer .colRight h5{
				text-align:center;
			}	
			#wrap #contentMain .centerCol .info {
				float:left;
				clear:both;
				width:100%;
				height:31px;
				line-height:31px;
				color:#fff;
				text-indent:32px;
				background:url(../img/contentimg/info.gif) top left no-repeat
			}	
				#wrap #contentMain .centerCol .info a {color:#fff; text-decoration:none; padding: 0 0 0 110px;}
					body #wrap #contentMain .centerCol .info a {padding: 0 0 0 110px !important;}
				#wrap #contentMain .centerCol .info a:hover {text-decoration:underline;}
			#wrap #contentMain .centerCol .contentimg {
				position:relative;
				clear:both;
				text-align:center;
			}
			#wrap #contentMain .centerCol span.contentimg {
				position:relative;
				display:block;
				clear:both;

				text-align:center;
				font-size:0.9em;
				font-style:italic;
				padding: 5px 0 10px 0;
			}	
			#wrap #contentMain .centerCol span.alignLeft {text-align:left !important;}
			#wrap #contentMain .centerCol span.alignCenter {text-align:center !important;}
			#wrap #contentMain .centerCol .colLeft {
				float:left;
				width:325px;
			}
			#wrap #contentMain .centerCol .colRight {
				float:left;
				width:227px;
			}
			/* MAINPAGE FICHE MUSEE*/

			/* icones services */
			.servicedesc{
				position:absolute;
				display:none;
				background-color:#bc2f34;
				color:white;
				border:1px black solid;
				padding:4px;
			}
			
						
		#wrap #contentMain .centerCol div.ficheMusee {padding:28px 0 0 0; float:left;}
		
			/* MAINPAGE FICHE LEFT*/
			#wrap #contentMain .centerCol div.ficheMusee .leftFiche{float:left; width:200px;}
				#wrap #contentMain .centerCol div.ficheMusee .leftFiche .imageFiche{
					float:left;
					clear:both;
					border:1px solid #a4a39c;
					padding: 0 0px 3px 4px;
					margin: 0 0 4px 0;
					text-align:center;
					width:170px;
				}	
					#wrap #contentMain .centerCol div.ficheMusee .leftFiche .imageFiche img{border:1px solid #6d6d6d; margin: 3px 0 0 0; padding:0; float:left;}
					#wrap #contentMain .centerCol div.ficheMusee .leftFiche  span.auteur{
						float:left;
						width:170px;
						padding:0 0 9px 0;
						font-size:0.8em;
						text-align:center;
						color:#A9A89C;
					}
				#wrap #contentMain .centerCol div.ficheMusee a.pdfParcour {
					float:left;
					display:inline;
					clear:both;
					width:175px; height:14px;
					background:url(../img/f/btn_pdf_download.gif) top left no-repeat;
					text-indent:-10000px;
					margin: 10px 0 0 0;
				}
					body.e #wrap #contentMain .centerCol div.ficheMusee a.pdfParcour {background:url(../img/e/btn_pdf_download.gif) top left no-repeat;}
				#wrap #contentMain .centerCol div.ficheMusee a.pdfParcour:hover {background-position:bottom left !important;}
				#wrap #contentMain .centerCol div.ficheMusee a.ficheMusee {
					float:left;
					clear:both;
					width:175px; height:50px;
					background:url(../img/f/btn_nature.gif) top left no-repeat;
					margin: 0 0 0px 0;
					text-indent:-10000px;
				}	
				#wrap #contentMain .centerCol div.ficheMusee a.parcour1 {background:url(../img/f/btn_squaremille.gif) top left no-repeat !important;}
				#wrap #contentMain .centerCol div.ficheMusee a.parcour2 {background:url(../img/f/btn_spectacle.gif) top left no-repeat !important;}
				#wrap #contentMain .centerCol div.ficheMusee a.parcour3 {background:url(../img/f/btn_vieuxMontreal.gif) top left no-repeat !important;}
				#wrap #contentMain .centerCol div.ficheMusee a.parcour4 {background:url(../img/f/btn_fleuve.gif) top left no-repeat !important;}
				#wrap #contentMain .centerCol div.ficheMusee a.parcour5 {background:url(../img/f/btn_nature.gif) top left no-repeat !important;}
				
				body.e #wrap #contentMain .centerCol div.ficheMusee a.parcour1 {background:url(../img/e/btn_squaremille.gif) top left no-repeat !important;}
				body.e #wrap #contentMain .centerCol div.ficheMusee a.parcour2 {background:url(../img/e/btn_spectacle.gif) top left no-repeat !important;}
				body.e #wrap #contentMain .centerCol div.ficheMusee a.parcour3 {background:url(../img/e/btn_vieuxMontreal.gif) top left no-repeat !important;}
				body.e #wrap #contentMain .centerCol div.ficheMusee a.parcour4 {background:url(../img/e/btn_fleuve.gif) top left no-repeat !important;}
				body.e #wrap #contentMain .centerCol div.ficheMusee a.parcour5 {background:url(../img/e/btn_nature.gif) top left no-repeat !important;}
				
					#wrap #contentMain .centerCol div.ficheMusee a.ficheMusee:hover {background-position:bottom left !important;}
				body.e #wrap #contentMain .centerCol div.ficheMusee a.ficheMusee:hover {background-position:bottom left !important;}
			/* MAINPAGE FICHE RIGHTCOL*/			
					
			#wrap #contentMain .centerCol div.ficheMusee .rightFiche{
				float:left;
				width:355px;
			}			
				#wrap #contentMain .centerCol .ligne{
					display:block; 
					width:100%;height:10px; 
					clear:both;
					background:url(../img/bg_pointiller.gif) top left repeat-x;
					margin: 0 0 10px 0;
				}
                #wrap #contentMain .centerCol h2{
					font-size:11px;
					margin:0;
					padding:10px 0;
					float:left;
					width:100%;
					clear:both;
					color:#bc2f34;
					text-transform:uppercase;
				}
				#wrap #contentMain .centerCol h5{
					font-size:11px;
					margin:0;
					padding:10px 0;
					float:left;
					width:100%;
					clear:both;
					color:#bc2f34;
					text-transform:uppercase;
				}
				#wrap #contentMain .centerCol h6{
					font-size:11px;
					margin:0; 
					padding:10px 0; 
					float:left;
					width:100%; 
					clear:both;
					font-weight:bold;
					color:#000;
					text-transform:normal;
				}
				#wrap #contentMain .centerCol div.ficheMusee .rightFiche h1 {padding: 0 0 2px 0; line-height:25px;}
				#wrap #contentMain .centerCol div.ficheMusee .rightFiche a.webAddress {
					color:#979689;
					clear:both;
					display:block;
					text-decoration:none;
				}	
					#wrap #contentMain .centerCol div.ficheMusee .rightFiche a.webAddress:hover {text-decoration:underline;}
				#wrap #contentMain .centerCol div.ficheMusee .rightFiche p.ouverture{
						color:#010101;
						font-size:1.0em;
					}
					
					#wrap #contentMain .centerCol div.ficheMusee .rightFiche p.ouverture span {
						color:#66655b;
					}
				#wrap #contentMain .centerCol div.ficheMusee .rightFiche .icons {padding: 10px 0; position:relative; display:block;}
				#wrap #contentMain .centerCol div.ficheMusee .rightFiche .renseignement span{padding: 0 5px 0 1px;}
				
				
				
				
				#wrap #contentMain .centerCol div.ficheMusee .rightFiche ul.listemusee {padding:3px 0 10px 0;}
				#wrap #contentMain .centerCol div.ficheMusee .rightFiche h4{
					
					margin:0; padding:14px 0; 
					color:#a9a89c; font-size:0.9em; font-weight:normal;
				}
				#wrap #contentMain .centerCol div.ficheMusee .rightFiche p.section {margin:0; padding: 0 0 3px 0;}
				#wrap #contentMain .centerCol div.ficheMusee .rightFiche  ul.listemusee li {width:355px; }
				#wrap #contentMain .centerCol div.ficheMusee .rightFiche ul.listemusee li div.links {width:355px;  }
	
				#wrap #contentMain .centerCol div.ficheMusee .rightFiche ul.listemusee li span {width:340px;padding-bottom:0px;}
				
		
				#wrap #contentMain .centerCol div.ficheMusee .rightFiche ul.listemusee li span p {padding:0 0px 10px 0;}
							
		/* MAINPAGE MUSEE MONTREALAIS */	
		
		#wrap #contentMain .rechercheRapide {
			float:left;
			clear:both;
			width:561px; height:39px;
			background:url(../img/bg_recherche.jpg) top left no-repeat;
		}
			body.e #wrap #contentMain .rechercheRapide {background:url(../img/e/bg_recherche.jpg) top left no-repeat;}
			#wrap #contentMain .rechercheRapide form{margin:0; padding:0;}
			#wrap #contentMain .rechercheRapide .jNiceSelectWrapper {margin: 4px 0 0 170px;}
			#wrap #contentMain .rechercheRapide .jNiceSelectWrapper span {width:340px !important; border:1px solid #43423b}
			#wrap #contentMain .rechercheRapide select{margin: 4px 0 0 170px; width:393px;}
			#wrap #contentMain .rechercheRapide .jNiceSelectWrapper ul {width:343px ;}
			#wrap #contentMain .rechercheRapide .jNiceSelectWrapper div a {left:345px; background:url(../img/btn_select.gif) top left no-repeat}
			
		#wrap #contentMain ul.listemusee li.bgGrey1 div.links,
		#wrap #contentMain ul.listemusee li.bgGrey1 span {background:#ebe9d4 !important}
		#wrap #contentMain ul.listemusee li.bgGrey1 div.links a.plus{background:url(../img/f/btn_voir_grey.jpg) top right no-repeat;}
			
			
		#wrap #contentMain ul.listemusee li.bgGrey1 div.links a.openDiv {background-image:url(../img/bg_fleche_musee_on.gif) !important;
			background-position:4px center !important;
		}	
		#wrap #contentMain ul.listemusee li div.links a.openDiv {
			background-image:url(../img/bg_fleche_musee_on.gif) !important;
			background-position:4px center !important;
		}
		
		/* LISTE MUSEE */
		#wrap #contentMain a.openAll {
			float:left;width:141px;
			height:23px; 
			text-indent:6px; 
			background:url(../img/btn_openAll.gif) top left no-repeat;
			color:#fff;
			text-decoration:none;
			line-height:19px;
		}
		#wrap #contentMain a.closeAll {
			float:left;width:141px;
			height:23px;  
			text-indent:6px;  
			background:url(../img/btn_closeAll.gif) top left no-repeat;
			color:#fff;
			text-decoration:none;
			line-height:19px;
		}
		#wrap #contentMain a.openAll:hover,
		#wrap #contentMain a.closeAll:hover {background-position:bottom left;}
		#wrap #contentMain ul.listemusee {
			float:left;
			clear:both;
			margin:0; padding:20px 0 0 0;
			list-style:none;
		}
			#wrap #contentMain ul.listemusee li {
				float:left;
				width:557px; 
				margin:0; padding:0;
				background:#fff;
			}
				#wrap #contentMain ul.listemusee li div.links{
					float:left;
					position:relative;
					clear:both;
					width:557px; 
					height:auto;
					padding: 0px 0 0px 0px;
					background:#fff;
				}		
				.ficheMusee a.text {width:330px !important}
				#wrap #contentMain ul.listemusee li div.links a.text{
					float:left;
					width:445px;
					color:#000;
					text-decoration:none;
					font-size:1.0em;
					padding: 1.3% 0 1.3% 18px;
					display:block;
					background:url(../img/bg_fleche_musee.gif) 4px center no-repeat;
				}
					#wrap #contentMain ul.listemusee li div.links a.text:hover{
						color:#b72026;
					}
					
				#wrap #contentMain ul.listemusee li div.links a.plus{
					
					position:absolute;
					display:block;
					right:0;
					top:50%;
					margin:-13px 0 0 0;
					width:72px; height:26px;
					background:url(../img/f/btn_voir_white.jpg) top right no-repeat;
					text-indent:-10000px;
				}
					body.e #wrap #contentMain ul.listemusee li div.links a.plus{
						width:94px;
						background:url(../img/e/btn_voir_white.jpg) top right no-repeat;
						
					}
					#wrap #contentMain ul.listemusee li div.links a.plus:hover {background-position:bottom left !important;}
					
			#wrap #contentMain ul.listemusee li span {
				float:left;
				width:542px; 
				padding: 4px 0 0px 15px;
				clear:both;
				display:none;
			}
				#wrap #contentMain ul.listemusee li span div.img {
					float:left;
					display:block;
					padding:3px;
					border:1px solid #a2a19a;
					margin: 0 15px 15px 0;
				}
					#wrap #contentMain ul.listemusee li span div.img img {
						border:1px solid #656565;
						margin:0; padding:0;
						float:left;
					}
				#wrap #contentMain ul.listemusee li span p {padding:0 0px 15px 0;float:left; width:317px; }
				

		/* PARCOURS SECTIONS */
		#wrap #contentMain .centerCol ul.parcour {padding: 0;}
		#wrap #contentMain ul.listemusee li div.links a.text {
			padding: 1% 0 1% 18px;
		}
		#wrap #contentMain .centerCol ul.parcour li div.links a.plus{
			background:url(../img/f/btn_voirParcour.gif) top right no-repeat;
			width:92px; height:27px;
			margin-top:-14px;
			padding:0;
		}
			body.e #wrap #contentMain .centerCol ul.parcour li div.links a.plus{background:url(../img/e/btn_voirParcour.gif) top right no-repeat;}
			
		#wrap #contentMain .centerCol ul.parcour li img.letter{float:left; padding: 0px 9px 0 0;}
		#wrap #contentMain .centerCol ul.parcour ul {
			margin:0;padding:0px 0 10px 34px;
			list-style: disc inside;
			color:#66655b;
		}
			#wrap #contentMain .centerCol ul.parcour ul li{
				margin:0 0 5px 0;padding:0 0 0px 0;
				color:#66655b;
				background:none;
				float:none;
				width:425px;
				
			}
				#wrap #contentMain .centerCol ul.parcour li a.te {color:#66655b; text-decoration:none;}
				#wrap #contentMain .centerCol ul.parcour li a:hover{text-decoration:underline;}
				
		#wrap #contentMain .centerCol ul.parcour li div.links a.plus:hover{
			background-position:top left;
		}
		#wrap #contentMain .centerCol .downloadAllParcours {
			float:left;
			width:562px; height:57px;
			text-indent:-10000px;
			background: url(../img/f/btn_parcours_localisation.gif) top left no-repeat;
		}	
			body.e #wrap #contentMain .centerCol .downloadAllParcours {background: url(../img/e/btn_parcours_localisation.gif) top left no-repeat;}	
		
			#wrap #contentMain .centerCol  p.legende span.numero {
				width:26px;
				float:left;
				color:#d16f1a;
			}
			#wrap #contentMain .centerCol  p.legende a {color:#66655b; text-decoration:none;}
			#wrap #contentMain .centerCol  p.legende a:hover {text-decoration:underline;}
			
		#wrap #contentMain .centerCol .parcoursRight {
			width:246px;
			float:right;
			padding: 0px 0 0 15px;

		}
			#wrap #contentMain .centerCol .parcoursRight a.downloadParcour{
				float:left;
				width:246px; height:57px;
				text-indent:-10000px;
				background: url(../img/f/btn_pdf.gif) top left no-repeat;
			}
				body.e #wrap #contentMain .centerCol .parcoursRight a.downloadParcour{background: url(../img/e/btn_pdf.gif) top left no-repeat;}
			
			#wrap #contentMain .centerCol .parcoursRight a.printParcours{
				float:left;
				width:246px; height:60px;
				text-indent:-10000px;
				background: url(../img/f/btn_print_parcour.gif) top left no-repeat;
			}
				body.e #wrap #contentMain .centerCol .parcoursRight a.printParcours{background: url(../img/e/btn_print_parcour.gif) top left no-repeat;}
			/* image du parcours : le border est en css, pas dans l'image */
			img.parcours{
				padding:5px;
				border:1px #c3c3ab solid;
			}
				
			/* PRINT PARCOURS */
			h3.parcourPrint {
				color:#000;
				margin:0;
				padding:16px 0 0 0;
				width:100%;
				float:left;
				font-size:11px;
			}
			.parcourLeft {
				float:left;
				width:265px;
				padding: 0 30px 0 0;
				font-size:11px;
			}		
			.parcourRight {
				float:left;
				width:285px;
				font-size:11px;
			}			
			div.parcourPrint {
				float:left;
				width:600px;
				padding: 20px 0 0 20px;
				font-size:11px;
			}	
			.parcourPrint h5{
				float:left;
				width:100%;
				margin:0;
				clear:both;
				padding:10px 0 5px 0;
				font-size:11px;
			}	
			.parcourPrint h1 {color:#66655b !important;font-size:18px;padding: 33px 0 0 0;margin:0;}
			.parcourPrint h2 {font-size:14px;padding: 7px 0 0 0;margin:0;}
			
			
		/* FAQ */	
		
			#wrap #contentMain .centerCol ul.faq a.toggle {
				clear:both;
				float:left;
				display:inline;
				padding: 0 0 5px 21px;
				margin: 6px 0 0px 0;
				color:black;
				font-weight:bold !important;
				line-height:15px;
				background: url(../img/btn_flecheDown.gif) 0px 3px no-repeat;
				text-decoration:none;
				font-weight:normal;
				width:503px;
			
			}
			#wrap #contentMain .centerCol ul.faq li a.toggle:hover {text-decoration:underline !important;}
			#wrap #contentMain .centerCol .openDiv {
					background: url(../img/btn_flecheUp.gif) 0px 3px no-repeat !important;
				}
		#wrap #contentMain .centerCol ul.faq ul {margin: 0 0 0 22px;clear:both;width:530px;float:left;}
			#wrap #contentMain .centerCol ul.faq {
				margin:0;padding:0px 0 7px 0;
				clear:both;
				list-style:none;
				list-style-position:inside;
				float:left;
				width:400px;
			}
			
			
			#wrap #contentMain .centerCol ul.faq {width:530px !important;float:left;}
				#wrap #contentMain .centerCol ul.faq li {float:left; width:530px !important; clear:both;padding-bottom:5px;}
					#wrap #contentMain .centerCol ul.faq li span {float:left; width:530px !important; padding-bottom:8px; }
		
		
					
					
								
		/* CONTACT */
		#wrap #contentMain .contour {
			float:left;
			padding:1px;
			border:1px solid #d9d7c3;
			margin:10px 0 0 0;
		}
		#wrap #contentMain div.leftComment {
			float:left;
			width:240px;
		}	
		#wrap #contentMain #formError {
			float:left;
			width:100%;
			clear:both;
			padding: 9px 0 0px 0;
		}	
		form.comments {
			float:left;
			width:530px;
			border:3px solid #fff;
			background:#f3f2e4;
			margin:0px;
			padding:10px 0 0 20px;
		}		
			form.comments label {
				float:left;
				width:500px;
				margin:0;
				padding: 0 0 10px 0;
			}
				form.comments label.small {
					float:left;
					width:210px;
					clear:none;
				}

					form.comments label.small span {
						float:left; 
						width:210px;
						clear:both;
					} 
				
				form.comments label span {
					float:left; 
					width:400px;
					clear:both;
					padding: 0 0 3px 0;
				} 
				form.comments label input {
					float:left; 
					width:200px; height:20px;
					border:1px solid #9e9d95;
					clear:both;
				} 
					form.comments label.checkbox input {
						width:16px;height:16px;
						float:left;
						margin:0 10px 0 0px;
						border:none;
					}
					form.comments label.checkbox span {clear:none;}
					
				form.comments label select {
					float:left;
					clear:both;
				} 
				form.comments label textarea {
					clear:both;
					width:500px; height:132px;
					border:1px solid #9e9d95;
				} 
				form.comments input.submit {
					float:left;
					clear:both;
					width:80px; height:27px;
					border:none;
					background:url(../img/f/btn_envoyer.gif) top left no-repeat;
					padding:0; margin: 0px 0 20px 0px;
					text-indent:-9999px;
					cursor:pointer;
				} 
					body.e form.comments input.submit {background:url(../img/e/btn_envoyer.gif) top left no-repeat;}
				
		/* RECHERCHE */					
				
		#wrap #contentMain div.recherche {
			float:left;
			width:566px; height:222px;
			margin: 10px 0 0 0;
			background:url(../img/bg_form.gif) top left no-repeat;
		}		
			body.e #wrap #contentMain div.recherche {background:url(../img/e/bg_form.gif) top left no-repeat;}	
					
			#wrap #contentMain div.recherche form.jNice {
				padding: 21px 0 0 149px;
				display:block;
				float:left;
				clear:both;
				width:400px;
			}	
			
			#wrap #contentMain ul.recherche {
				margin:0 0 0 0px; padding:0;
				list-style:none;
				display:block;
				width:550px;
				list-style-position:outside;
			}		
							
				#wrap #contentMain ul.recherche li{
					padding: 10px 0 13px 0; margin: 0;
					display:block;
					width:530px;
					background:url(../img/bg_single_point.gif) bottom left repeat-x;
				}	
					#wrap #contentMain ul.recherche li.first{padding-top:0;}
					
				#wrap #contentMain ul.recherche li span{font-style:italic; font-size:0.9em;}		
				
		/* HOME CONTENT SECTION */
			
		#wrap #contentHome {
			float:left;
			width:854px;
		}			
			#wrap #contentHome h3,
			#wrap #contentMain h3 {
				font-size:1.0em;
				line-height:1.4em;
				color:#000;
				font-weight:bold;
				margin:0;
				padding: 0 0 10px 0;
			}		
			
				
		/* HOME LEFT SECTION */	
				
			#wrap #contentHome .leftCol	{
				float:left;
				width:281px;
				display:inline;
			}	
				#wrap #contentHome .leftCol	form.bull {
					float:left;
					padding:10px 0 0 0;margin:0;
					clear:both;
				}
					#wrap #contentHome .leftCol	form.bull input{float:left;}
					
						#wrap #contentHome .leftCol	form.bull input.champ{
							width:205px; height:22px;
							color:#7b7a6e;
							padding: 5px 0 0 0;
							border:1px solid #b3b1aa;
							font-size:1.0em;
							text-indent:5px;
							margin: 0 8px 0 0;
							display:inline;
						}
				#wrap #contentHome .leftCol	a.magazine {
					float:left;
					width:243px; height:154px;
					background:url(../img/f/btn_magazine.gif) top left no-repeat;
					text-indent:-9999px;
				}	
				body.e #wrap #contentHome .leftCol	a.magazine {
					background:url(../img/e/btn_magazine.gif) top left no-repeat;
				}	
				#wrap #contentHome .leftCol	.item {
					float:left;
					width:249px;
					padding:0 0 20px 0;
				}
					#wrap #contentHome .leftCol	.item h2 {
						float:left;
						width:249px; height:28px;
						padding:0; margin:0;
						text-indent:-10000px;
					}
						#wrap #contentHome .leftCol	.item h2.bulletin {background: url(../img/f/title_bulletin.gif) top left no-repeat;}
							body.e #wrap #contentHome .leftCol .item h2.bulletin {background: url(../img/e/title_bulletin.gif) top left no-repeat;}
						
						#wrap #contentHome .leftCol	.item h2.commu {background: url(../img/f/title_commu.gif) top left no-repeat;}
						
					#wrap #contentHome .leftCol	.item .content {
						float:left;
						width:249px;
						position:relative;
					}	
				/*begin styles correction for new newsletter position*/
				#wrap #contentHome .centerCol	.item {
					float:left;
					width:249px;
					padding:0 0 20px 0;
				}
					#wrap #contentHome .centerCol	.item h2 {
						float:left;
						width:249px; height:28px;
						padding:0; margin:0;
						text-indent:-10000px;
					}
						#wrap #contentHome .centerCol	.item h2.bulletin {background: url(../img/f/title_bulletin.gif) top left no-repeat;}
							body.e #wrap #contentHome .centerCol .item h2.bulletin {background: url(../img/e/title_bulletin.gif) top left no-repeat;}
						
						#wrap #contentHome .centerCol	.item h2.commu {background: url(../img/f/title_commu.gif) top left no-repeat;}
						
					#wrap #contentHome .centerCol	.item .content {
						float:left;
						width:249px;
						position:relative;
					}
				#wrap #contentHome .centerCol	form.bull {
					float:left;
					padding:10px 0 0 0;margin:0;
					clear:both;
				}
					#wrap #contentHome .centerCol	form.bull input{float:left;}
					
						#wrap #contentHome .centerCol	form.bull input.champ{
							width:205px; height:22px;
							color:#7b7a6e;
							padding: 5px 0 0 0;
							border:1px solid #b3b1aa;
							font-size:1.0em;
							text-indent:5px;
							margin: 0 8px 0 0;
							display:inline;
						}	
				/*end styles correction for new newsletter position*/

		/* TABLE FORM  */
		
		.chkTable {margin:0; padding:0;}
		.chkTable tr{margin:0; padding:0;}
		.chkTable td{margin:0; padding:0; }
		.chkTable td input{margin:2px;padding:0px; height:14px;}		
		.chkCount {display:none;}
		label.dropdown .jNiceSelectWrapper div span {width:320px !important;}
		label.dropdown .jNiceSelectWrapper ul {width:329px !important;}
		label.dropdown .jNiceSelectWrapper {width:330px !important;}
		
		
		/* HOME CENTER SECTION */			
					
		#wrap #contentHome .centerCol {
			float:left;
			width:331px;
			margin: 0 48px 0px 0px;
			display:inline;
		}	
			#wrap #contentHome .centerCol h1 {
				margin:0; padding:0 0 20px 0;
				font-size:1.7em;
				font-family: "lucida sans unicode",  Sans-Serif;
				color:#737264;
				font-weight:normal;
				line-height:1.2em;
			}
			
				
		/* HOME RIGHT SECTION */			
					
		#wrap #contentHome .rightCol {
			float:left;
			width:190px;
		}	
			#wrap #contentHome .rightCol h3	{
				float:left;
				width:190px; height:20px;
				margin:0; padding:0;
				background:url(../img/f/title_decouvrir.gif) top left no-repeat;
				text-indent:-10000px;
				clear:both;
			}		
				body.e #wrap #contentHome .rightCol h3	{background:url(../img/e/title_decouvrir.gif) top left no-repeat;}			
					
			#wrap #contentHome .rightCol .museeSwitcher	{
				float:left;
				position:relative;
				margin:0; padding:0;
				padding:3px;
				border:1px solid #858377;
			}	
	
			
	
	
					
			
	/* ANIMATION SLIDER */		
	
	.headline {		
		float:left;
		position:relative;
		overflow:hidden;
		float:static;
	  	height: 260px;
	   	width:182px;
	}
	.slider{
		float:left;
		position:relative;
		clear:both;
	}		
		
		.slider .items {
			position:absolute;
		   	width:auto;
			display:block;
			height: 266px;
		}
		.slider .ie6container {
			float:left;
		   	width:182px;
			display:block;
			height: 266px;
		}
			.slider .items a {
				color:#fff; 
				position:relative;
				text-decoration:none; 
				line-height:11px;
				float:left; 
				width:100%;
				padding:0 0;
				text-align:center;
			}
			
			.slider .items a:hover {text-decoration:underline;}
			
			.slider .items a.lnk {border:none; float:left; width:182px;height:214px;}
				
			.slider .containerItems {
				position:relative;
			  	height: 266px;
				top:0px;
			}
				.slider .items .desc {	
					float:left;
					display:inline;
					width:156px; height:45px;
					background:#000;
					color:#fff;
					padding:7px 10px 0px 16px;
					margin:3px 0 0 0;
					display: block;
					vertical-align:middle;
					z-index:50;
				}
			.slider .containerItems img {
				float:left;
				padding:0;
				border:none;
			}
			.slider .wrapanim {
				float:left;
				clear:both;
				position:relative;
				height:260px;
				width:182px;
			}

		.slider .moveLeft, .moveRight {
			position:absolute;
			width:11px;
			height:17px;
			top:230px; left:3px;
			z-index:900;
			text-indent:-9999px;
		}
		.slider .moveLeft {
			background:url(../img/arrow_left.gif) top left no-repeat;
		}
		.slider .moveRight {
			background:url(../img/arrow_right.gif) top left no-repeat;
		}
		.slider .moveLeft:hover, .moveRight:hover {background-position:bottom left;}
		.slider .moveRight {
			left:167px;
		}	
	
		
	/*  OVERLAY */
		div.overlay {
				background: #000;
				position: absolute; top: 0; left: 0;
				z-index: 5000;
				width: 100%; height: 100%;
				display: none;
			}
			
			div.overlayContainer {
				position: absolute; top: 0; left: 0;
				padding:8px 15px 10px 15px;
				z-index: 5000;
				display: none;
				width: 500px;
				text-align: left;
				background:#fff;
				border:5px solid #333333;
			}		
				div.overlayContainer h2 {
					margin:0;
					padding:6px 0 0px 0;
					position:relative;
					float:left;
					width:450px;
					text-transform:uppercase;
					color:#cd531e;
					font-size:1.1em;
				}
				div.overlayContainer .close {
					float:right;
				}
				div.overlayContainer p {clear:both;}
				div.overlayContainer form {margin:0; padding:0; }
				
					div.overlayContainer form label{clear:both;margin:0; padding: 0 0 6px 0; display:block;}
					
						div.overlayContainer form input.sendit {display:block; margin:5px 0 0 0px;}		
			
		
	/* clearfix  */
		
		.clearfix:after {
		  content: "."; 
		  display: block;
		  height: 0; 
		  clear: both; 
		  visibility: hidden;
		}
		
		.clearfix {display: inline-table;}
		
		/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
		/* End hide from IE-mac */
			

/* certains éléments sont cachés à l'aide de CSS */
.disp0, .hide1{display:none;}

body.e #id70{
	background-image: url(../img/city_of_glass230.jpg);
	width: 30px;
	height: 30px;
	float: left;
}
body #id70{
	background-image: url(../img/city_of_glass130.jpg);
	width: 30px;
	height: 30px;
	float: left;
}
.menulinkdiv{
	float: left;
	width: 200px;
}