/*
Theme Name: Musées Grand Est
Theme URI: https://www.museesgrandest.org/
Description: Thème du site Musées Grand Est réalisé par l'agence Advisa
Author: Advisa
Author URI: https://www.advisa.fr/
Version: 1.0
*/


/* RESET */

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
*:focus {
    outline: 0;
}								

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

/*
select, input, textarea {
	font: 99% sans-serif;
	padding:0;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius:none;
	-webkit-border-radius:none;
	-moz-border-radius: none;
}*/

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
	margin: 0;
	/*-webkit-appearance:none;*/
	/*-moz-appearance: none;*/
}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

/* END RESET */

body {
	font-family:Arial, sans-serif;
	color:#000;
}

.clear {
	clear:both;
}

.wrap {
	width:980px;
	margin:0 auto;
}


/* HEADER */
	
	#header-1 {
		background:#fff;
		height:28px;
	}
		#header-1 .lang-menu {
			height:28px;
			width:146px;
			background-color: #f4e7d4;
			padding-left:22px;
			float:left;
		}
		
		#header-1 .top-menu {
			height:28px;
			width:auto;
			float:right;
			padding-right:28px;
		}

		.mobile-menu-action {
			display: none;
		}
			
			#header-1 .lang-menu li,
			#header-1 .top-menu li {
				display:block;
				float:left;
				padding:4px 0;
				margin:0 2px;
			}
				#header-1 .lang-menu li a,
				#header-1 .top-menu li a,
				#header-1 .lang-menu li span {
					display:block;
					height:20px;
					padding:0 4px;
					line-height:20px;
					color:#F6AC9C;
					font-size:12px;
					text-transform:uppercase;
					font-family: 'Muli', sans-serif;
					font-weight: 300;
					text-decoration:none;
				}
					#header-1 .lang-menu li a:hover,
					#header-1 .lang-menu li span {
						color:#fff;
					}
					
			#header-1 .top-menu li {
				margin:0 2px 0 16px;
			}
				#header-1 .top-menu li a {
					color:#42423B;
					text-transform:none;
					padding:0;
				}
					#header-1 .top-menu li a:hover {
						color:#e62d2b;
					}
			
			
	
	#header-2 {
		background:#42423B url(images/header/bg1.png) repeat-y center top;
	}
		#header-2 .wrap {
			background-color: #24386f;
			position:relative;
			height:112px;
		}
		
		#header-2 .home-link {
			display:block;
			position:absolute;
			overflow:hidden;
			top: -28px;
			left:0;
		}

			#header-2 .home-link .site-title {
				display: none;
			}

		
		#header-2 #navbar {
			padding-left:210px;
		}
			#header-2 #navbar .menu-principal {
				float:left;
				width: 100%;
				height: 100%;
			}
				#header-2 #navbar .menu-principal .menu {
					margin:0;
					padding:0;
				}
					#header-2 #navbar .menu-principal .menu li {
						margin:0;
						padding:0;
						display:block;
					}
					
					#header-2 #navbar .menu-principal .menu > li {
						float:left;
						margin:0 15px;
						position:relative;
					}
						#header-2 #navbar .menu-principal .menu > li > a {
							display:block;
							color:#fff;
							text-decoration:none;
							font-size:16px;
							line-height:22px;
							font-family: 'Muli', sans-serif;
							font-weight: 300;
							padding:45px 1px 38px 1px;
							border-bottom:7px solid transparent;
						}
						
						#header-2 #navbar .menu-principal .menu > li:hover > a,
						#header-2 #navbar .menu-principal .menu > li.current-menu-item > a,
						#header-2 #navbar .menu-principal .menu > li.current-page-ancestor > a {
							border-color:#e62d2b;
						}
						#header-2 #navbar .menu-principal .menu > li:hover > a {
							color:#e62d2b;
						}
						
						#header-2 #navbar .menu-principal .menu > li > ul.sub-menu {
							display:none;
							position:absolute;
							left:0;
							top:112px;
							background-color: #3c4e7f;
							padding:7px 0 17px 0;
							min-width:200px;
						}
							#header-2 #navbar .menu-principal .menu > li:hover > ul.sub-menu {
								display:block;
							}
							
							#header-2 #navbar .menu-principal .menu > li > ul.sub-menu > li {
								display:block;
							}
								#header-2 #navbar .menu-principal .menu > li > ul.sub-menu > li > a {
									color:#fff;
									font-family: 'Muli', sans-serif, Arial;
									font-weight: 300;
									display:block;
									font-size:16px;
									line-height:20px;
									text-decoration:none;
									padding:5px 12px;
								}
									#header-2 #navbar .menu-principal .menu > li > ul.sub-menu > li > a:hover {
										color:#fff;
									}
			
			#header-2 #navbar #form-container {
				float:right;
				width:279px;
				height:112px; 
				border-left:1px solid #fff;
				background-color: #3c4e7f;
			}
				
				#header-2 #navbar #form-container #s {
					font-family: 'Muli', sans-serif, Arial;
					font-weight: 300;
					font-size:16px;
					line-height:28px;
					color:#fff;
					padding:42px 0 42px 28px;
					width:162px;
					float:left;
					border:none;
					background:none;
				}
					#header-2 #navbar #form-container #s:-moz-placeholder {
						color: #fff;
					}
					#header-2 #navbar #form-container #s::-webkit-input-placeholder {
						color: #fff;
					}
					
				
				#header-2 #navbar #form-container #search-submit {
					display:block;
					width:84px;
					height:44px;
					text-align:center;
					font-size:24px;
					line-height:44px;
					text-decoration:none;
					padding:34px 0;
					color:#fff;
					float:right;
				}
					#header-2 #navbar #form-container #search-submit i {
						line-height:44px;
					}



		/* ENTRY HEADER */
		
		#entry-header {
			background:#fff url(images/header/bg2.png) repeat-y center top;
		}
			#entry-header .wrap {
				background:#fff;
				width:924px;
				padding:56px 28px 24px 28px;
			}
				.home #entry-header .wrap{
					padding: 100px 28px 24px 28px;
				}
				.home #entry-header .wrap p span{
					font-family: 'Muli', sans-serif, Arial;
				}
				.home #entry-header .wrap p span.title{
					font-size: 38px;
					font-weight: 300;
					line-height: 45px;
				}
				.home #entry-header .wrap p span.description{
					font-size: 16px;
					font-weight: 200;
					line-height: 22px;
				}
				#entry-header #breadcrumbs span,
				#entry-header #breadcrumbs a {
					font-family: 'Muli', sans-serif, Arial;
					font-weight: 200;
					color:#000;
					font-size:16px;
					text-decoration:none;
				}
					#entry-header #breadcrumbs a:hover {
						color: #404040;
					}
					#entry-header #breadcrumbs span > span.sep img{
						display: none !important;
					}
					#entry-header #breadcrumbs span > span.sep {
						background: #277D7D;
						width: 5px;
						height: 5px;
						display: inline-block;
						line-height: 20px;
						margin-bottom: 2px;
					}
				
				#entry-header h1,
				#entry-intro h1 {
					font-family: 'Muli', sans-serif, Arial;
					font-weight: 300;
					color:#000;
					font-size:38px;
					line-height:40px;
					margin-left:-2px;
					margin-bottom:15px;
				}

				#entry-header p,
				#entry-intro p {
					font-family: 'Muli', sans-serif, Arial;
					font-weight: 200;
					color:#000;
					line-height: 22px;
				}
					#entry-header h1 span {
						color:#000;
					}
					
					#entry-header p.type-link {
						font-size:16px;
						line-height:16px;
						color:#e62d2b;
						font-family: 'Muli', sans-serif, Arial;
						font-weight: 700;
						text-decoration:none;
						text-transform:uppercase;
					}
						#entry-header a.type-link:hover {
							color: #9a1e1c;
						}
					
					#entry-header h2,
					#entry-intro h2 {
						font-family: 'Muli', sans-serif, Arial;
						font-weight: 300;
						color: #a0a2a7;
						font-size:16px;
						line-height:28px;
						margin-top:4px;
					}
						#entry-header h2.musee-de-france {
							padding-left:42px;
							background:url(images/pages/musee-de-france.jpg) no-repeat 1px 0px;
						}
						
				#entry-header p.themes {
					margin-top:22px;
				}
					
					#entry-header p.themes a {
						color:#e62d2b;
						text-decoration:none;
					}
						#entry-header p.themes a:hover {
							color:#9a1e1c;
						}
				
		#entry-intro {
			padding:28px 28px 56px 28px;
		}
		
	
	/* HOME */
	
	#entry-content.home-content {
		background:#fff url(images/pages/home-bg.png) repeat-y center top;
		margin-bottom:40px;
	}
		#home-events {
			width:980px;
			height:544px;
			background:#fff;
		}
			#home-events ul.events-menu {
				display:block;
				float:left;
				width:168px;
				height:504px;
				background:#F5F5F3;
			}
				#home-events ul.events-menu li {
					display:table;
					width:168px;
					height:168px;
				}
					#home-events ul.events-menu li a {
						display:table-cell;
						text-align:center;
						vertical-align:middle;
						background-color: #fcf9f4;
						color:#000;
						width:138px;
						height:138px;
						padding:15px;
						font-size:20px;
						line-height: 26px;
						text-decoration:none;
						font-family: 'Muli', sans-serif, Arial;
						font-weight: 200;
					}
						#home-events ul.events-menu li a:hover {
							background-color: #f9f3e9;
						}
						#home-events ul.events-menu li a.current {
							background-color: #24386f;
							color:#fff;
						}
						
			#home-events #cont-slides {
				position:relative;
				float:left;
				width:812px;
				height:504px;
				overflow:hidden;
				background:#42423B;
			}
				#cont-slides .slide {
					z-index:50;
					position:absolute;
					width:812px;
					height:504px;
					top:0;
					left:0;
					background-color: #24386f;
					display:table;
				}
					#cont-slides .slide.current {
						z-index:100;
					}
					
					#cont-slides .slide .infos {
						display:table-cell;
						vertical-align:middle;
						width:252px;
						height:464px;
						padding:0 28px 40px 28px;
						position:relative;
						color:#E8E8E3;
						font-size:14px;
						line-height:17px;
						line-height:auto;
					}
						#cont-slides .slide .infos p {
							margin-bottom:10px;
							font-size: 14px;
							line-height: 20px;
							font-weight: 400;
						}
						#cont-slides .slide .infos a {
							text-decoration:none;
							margin-bottom:10px;
							display:block;
						}
						#cont-slides .slide .infos .domaine {
							color:#9a1e1c;
						}
						#cont-slides .slide .infos a.type-link {
							color: #f4e7d4;
							font-size:16px;
							line-height:22px;
							font-family: 'Muli', sans-serif, Arial;
							font-weight: 700;
							text-transform:uppercase;
						}
							#cont-slides .slide .infos a.type-link:hover {
								text-decoration:underline;
							}
						
						#cont-slides .slide .infos .titre {
							color:#fff;
							font-size:24px;
							line-height:30px;
							font-family: 'Muli', sans-serif, Arial;
							font-weight: 200;
							margin-bottom:30px;
						}
						#cont-slides .slide .infos a.musee-link {
							font-family: 'Muli', sans-serif, Arial;
							font-weight: 200;
							font-size:16px;
							line-height:22px;
							color:#E8E8E3;
							margin-bottom:40px;
						}
							#cont-slides .slide .infos a.musee-link span {
								display:block;
							}
								#cont-slides .slide .infos a.musee-link span.musee-fr {
									color: #f4e7d4;
									padding-left:24px;
									font-size: 16px;
									line-height: 22px;
									font-weight: 100;
									margin-top:2px;
									background:url(images/pages/musee-de-france-2.png) no-repeat left top;
								}
							
							#cont-slides .slide .infos a.musee-link:hover span {
								text-decoration:underline;
							}
						
						#cont-slides .slide .infos a.more-link,
						#home-events a.all-link {
							color:#fff;
							height:24px;
							position:absolute;
							bottom:28px;
							left:28px;
							margin:0;
							text-decoration:none;
						}
							#home-events a.all-link {
								display:block;
								position:static;
								margin:6px 0 0 196px;
								color: #e62d2b;
							}
							
							#cont-slides .slide .infos a.more-link span,
							#home-events a.all-link span {
								display:block;
								float:left;
								font-size:14px;
								line-height:20px;
								margin-left:6px;
								font-weight: 400;
							}
							#cont-slides .slide .infos a.more-link i,
							#home-events a.all-link i {
								display:block;
								float:left;
								font-size:24px;
								line-height:24px;
							}
								#cont-slides .slide .infos a.more-link:hover{
									color: #f4e7d4;
								}
								#home-events a.all-link:hover{
									color: #9a1e1c;
								}
						
					#cont-slides .slide .image {
						display:table-cell;
						vertical-align:middle;
						text-align:center;
						width:504px;
						height:504px;
						line-height:0;
					}
						#cont-slides .slide .image img {
							width: 100%;
							height: 100%;
							object-fit: contain;
							display: flex;
							background: #fff;
						}
			
						
		#entry-content.home-content .col-left {
			width:476px;
			float:right;
		}
		#entry-content.home-content .col-right {
			width:504px;
			float:right;
		}
			#entry-content.home-content .pad-home {
				padding:28px 0 0 28px;
			}
			#entry-content.home-content h2,
			#entry-content.home-content h2 {
				font-size:24px;
				color:#000;
				font-family: 'Muli', sans-serif, Arial;
				font-weight: 200;
				line-height:30px;
				font-weight:normal;
				margin-bottom:20px;
			}
			
			#entry-content.home-content .pad-carte {
				margin-bottom:28px;
			}
			
			#entry-content.home-content .pad-home a {
				display:table;
				width:420px;
				height:168px;
				padding-right:28px;
				text-decoration:none;
			}
			#entry-content.home-content .pad-home.pad-associations a {
				margin-top:20px;
			}
				#entry-content.home-content .pad-home a:hover {
					background-color: #fcf9f4;
				}
					#entry-content.home-content .pad-collections a:hover {
						background:#fff;
					}
				#entry-content.home-content .pad-home a .image {
					display:table-cell;
					width:168px;
					height:168px;
					line-height:0;
					vertical-align:middle;
				}
				#entry-content.home-content .pad-home a .content {
					display:table-cell;
					padding:0 0 0 28px;
					width:224px;
					height:168px;
					vertical-align:middle;
					color:#616358;
					font-size:14px;
				}
				
				#entry-content.home-content .pad-associations a .title {
					color: #e62d2b;
					text-transform:uppercase;
					font-size:16px;
					margin-bottom:10px;
				}
				
				#entry-content.home-content .pad-collections a {
					width:448px;
					margin-bottom: 10px;
				}
				#entry-content.home-content .pad-collections a .content {
					width:252px;
				}
				#entry-content.home-content .pad-collections a .image img {
					width:168px;
					height:168px;
				}
				#entry-content.home-content .pad-collections a p.domaine {
					color: #e62d2b;
					margin-bottom:14px;
				}
				#entry-content.home-content .pad-collections a p.musee {
					margin-top:10px;
					font-family: 'Muli', sans-serif, Arial;
					font-weight: 200;
					font-size:16px;
				}
					#entry-content.home-content .pad-collections a p.musee span {
						display:block;
						color:#42423B;
					}
						#entry-content.home-content .pad-collections a p.musee span.musee-fr {
							color:#96968F;
							padding-left:24px;
							margin-top:2px;
							background:url(images/pages/musee-de-france-2.png) no-repeat left top;
						}
				
	
	/* FILTRES */
	
	#content #filters {
		background:#f2f2f2;
		margin-bottom:28px;
	}
		#content #filters.filtres-musees {
			background:url(images/pages/filters-bg.png) repeat-y left top;
		}
		
		#content #form-filter {
			width:616px;
			max-width: 100%;
			float:left;
		}

			#content #filters .facetwp-type-search .facetwp-search {
				width: 419px !important;
				float: none !important;
			}

			#content #filters .field-search {
				background-color: #3c4e7f;
				height:84px;
			}
				#content #filters .field-search div.label, #content #filters .field-search label {
					display:block;
					font-size:24px;
					font-family: 'Muli', sans-serif, Arial;
					font-weight: 200;
					line-height:28px;
					width:100%;
					height:28px;
					padding:28px 0;
					background-color: #24386f;
					color:#fff;
					text-align:center;
					float:left;
				}

				#content #filters .facetwp-facet {
					margin-bottom: 0px;
				}
					
				#content #filters .field-search #museum-search,
				#content #filters .field-search #collection-search,
				#content #filters .field-search #event-search {
					font-family: 'Muli', sans-serif, Arial;
					font-weight: 300;
					font-size:16px;
					line-height:28px;
					color:#fff;
					padding:28px 0 28px 28px;
					width:328px;
					float:left;
					border:none;
					background:none;
				}
					
					#content #filters .field-search #collection-search,
					#content #filters .field-search #event-search {
						width:698px;	
					}
					
					#content #filters .field-search #museum-search:-moz-placeholder,
					#content #filters .field-search #collection-search:-moz-placeholder,
					#content #filters .field-search #event-search:-moz-placeholder {
						color: #fff;
					}
					#content #filters .field-search #museum-search::-webkit-input-placeholder,
					#content #filters .field-search #collection-search::-webkit-input-placeholder,
					#content #filters .field-search #event-search::-webkit-input-placeholder {
						color: #fff;
					}
					
				#content #filters .field-search #filters-search-submit {
					display:block;
					width:84px;
					height:44px;
					text-align:center;
					font-size:24px;
					line-height:44px;
					text-decoration:none;
					padding:20px 0;
					color:#fff;
					position:absolute;
					top: 0;
					right: 0;
				}
					#content #filters .facetwp-type-search {
						position: relative;
					}
					#content #filters .field-search #filters-search-submit i {
						line-height:44px;
					}
					
					#content #filters .field-search #filters-search-submit:hover {
						color:#e62d2b;
					}
			
			#content #filters .field-checkboxes {
				width:755px;
				border-left:1px solid #BDBDAE;
				padding:18px 28px;
				margin:0 0 0 168px;
			}
				#content #filters .field-checkboxes input,
				#content #filters .field-checkboxes label {
					display:block;
					float:left;
					line-height:22px;
					font-size:14px;
					color:#5F6358;
				}
					#content #filters .field-checkboxes label {
						height:22px;
						margin:0 30px 0 10px;
						line-height:18px;
						
					}
					#content #filters .field-checkboxes label.last_lbl {
						width:500px;
					}
					#content #filters .field-checkboxes input {
						margin:2px 0 0 40px;
						vertical-align:middle;
					}
						#content #filters .field-checkboxes input:first-child {
							margin:2px 0 0 0;
						}
						
					
			
			#content #filters .field-pad {
				display:block;
				padding:28px;
			}
				#content #filters .field-city,
				#content #filters .field-accessibility {
					width:252px;
					float:left;
					padding-top:0;
				}
				
				#content #filters .field-type {
					width:434px;
					float:left;
				}
                                #content #filters .field-musee {
					width:434px;
					float:left;
                                        /*padding:0 28px 28px 28px;*/
				}
                                
				#content #filters .field-from,
				#content #filters .field-to {
					width:434px;
					float:left;
				}
				#content #filters .facetwp-date-min {
					margin-right: 20px;
				}
					#content #filters .field-from input,
					#content #filters .field-to input {
						width:180px;
					}
				
				#content #filters .field-pad label {
					display:block;
					color: #e62d2b;
					font-family: 'Muli', sans-serif, Arial;
					font-weight: 200;
					font-size:16px;
					line-height:20px;
					margin-bottom:6px;
				}
				#content #filters .field-pad select {
					width:100%;
					height:28px;
					line-height:28px;
				}
				#content #filters .field-pad input[type=text] {
					padding:4px 2px;
				}
					
				#content #filters .input-submit {
					padding-top:12px;
				}				
					#content #filters .input-submit input {
						display:block;
						background-color: #e62d2b;
						color:#fff;
						font-family: 'Muli', sans-serif, Arial;
						font-weight: 300;
						font-size:24px;
						line-height:28px;
						text-align:center;
						border:none;
						padding:14px 0;
						width:308px;
						margin:0 auto;
					}
						#content #filters .input-submit input:hover {
							background-color: #9a1e1c;
						}
		
		#content #map-link {
			width:308px;
			float:right;
			padding:28px 28px 0 28px;
			cursor: pointer;
		}
			#content #map-link h2 {
				font-family: 'Muli', sans-serif, Arial;
				font-weight: 200;
				color:#000;
				font-size:24px;
				margin-bottom:10px;
			}
			#content #map-link .image {
				height:182px;
				line-height:0;
				margin-bottom:6px;
			}
			#content #map-link .texte {
				font-size:14px;
				color:#404040;
				margin-bottom:16px;
			}
			#content #map-link a {
				color:#616358;
				font-size:14px;
				line-height:17px;
				text-decoration:none;
			}
				#content #map-link a:hover {
					text-decoration:underline;
				}
	
	/* LISTES */
	
	#list-results {
		padding:28px 0 0 0;
	}
	
		#list-results .nb-results {
			font-family: 'Muli', sans-serif, Arial;
			font-weight: 200;
			font-size:24px;
			color: #e62d2b;
			line-height:28px;
			margin:0 0 12px 28px;
		}
			.page-search #list-results .nb-results {
				margin:28px 0 6px 28px;
			}
				.page-search #list-results p.nb-results:first-child {
					margin-top:0;
				}
				
			.page-search #list-results p.link-results {
				margin:0 0 0 28px;
			}
				.page-search #list-results p.link-results,
				.page-search #list-results p.link-results a {
					text-decoration:none;
					color:#e62d2b;
				}
					.page-search #list-results p.link-results a:hover {
						color: #9a1e1c;
					}
		
		/* liste-header */
		
		#list-results #list-header {
			display:table;
			height:42px;
		}
			#list-results #list-header > div,
			#list-results #list-header > a {
				display:table-cell;
				text-decoration:none;
			}
				#list-results #list-header > a > span,
				#list-results #list-header > div > span {
					display:inline-block;
					color:#000;
					font-size:14px;
					line-height:22px;
					padding:10px 0;
					text-decoration:none;
				}
					#list-results #list-header .sortable span {
						padding-right:16px;
						background:url(images/pages/sortable.png) no-repeat right center;
					}
						
					#list-results #list-header .sorted span {
						padding-right:16px;
						background:url(images/pages/sorted-asc.png) no-repeat right center;
					}
						#list-results #list-header .sorted.desc span {
							background-image:url(images/pages/sorted-desc.png);
						}
						
						#list-results #list-header a.sortable:hover span {
							color:#404040;
							background-image:url(images/pages/sorted-asc.png);
						}
							#list-results #list-header a.sortable.asc:hover span {
								background-image:url(images/pages/sorted-desc.png);
							}
		
		/* liste-elements */
		#list-results .list-table > ul {
			display:block;
			border-top:1px solid #e62d2b;
		}
		
		#list-results .list-musee,
		#list-results .list-collection,
		#list-results .list-event {
			display:block;
			border-bottom:1px solid #f4e7d4;
		}

		#list-results .list-musee p,
		#list-results .list-collection p,
		#list-results .list-event p{
			font-size: 14px;
			line-height: 1.3;
		}
#list-results .list-event img {
	width: 84px;
	height: 84px;
}
			#list-results .list-event:hover{
				background-color: #fcf9f4;
			}
			#list-results .list-musee a,
			#list-results .list-collection a,
			#list-results .list-event div.cont {
				display:table;
				text-decoration:none;
				color:#000;
			}
				#list-results .list-musee a:hover,
				#list-results .list-collection a:hover {
					background-color: #fcf9f4;
				}
				#list-results .list-event a {
					color:#e62d2b;
					text-decoration:none;
				}
					#list-results .list-event a:hover {
						color:#9a1e1c;
					}
				
				#list-results .list-event a.more-link {
					color:#e62d2b;
					text-decoration:none;
				}
					#list-results .list-event a.more-link:hover {
						color:#9a1e1c;
					}
				
				#list-results .list-musee a > div,
				#list-results .list-collection a > div,
				#list-results .list-event div.cont > div {
					display:table-cell;
					vertical-align:middle;
					font-size:14px;
				}
				
				#list-results .list-musee p,
				#list-results .list-collection p,
				#list-results .list-event p {
					margin:18px 0;
				}
				
				#list-results .list-musee .title,
				#list-results .list-collection .title,
				#list-results .list-event .title {
					font-weight:bold;
				}
					#list-results .list-event .title a {
						color:#000;
						text-decoration:none;
					}
						#list-results .list-event .title a:hover {
							color:#404040;
						}
			
			
			/* tailles colonnes musees */
			
			#list-results .list-musees #name, .list-musees .name {
				width:588px;
				padding-right:28px;
			}
				#list-results .list-musees a .image,
				#list-results .list-collections a .image,
				#list-results .list-events div.cont .image {
					width:84px;
					height:84px;
					line-height:0;
					padding-right:28px;
					vertical-align:top;
				}
					#list-results .list-musees a .image img,
					#list-results .list-collections a .image img,
					#list-results .list-events div.cont .image img {
						width: 100%;
						height: 100%;
					}
					#list-results .list-events div.cont .image img {
						object-fit: contain;
						display: flex;
					}
				#list-results .list-musees #name, .list-musees .name {
					width:476px;
				}
			
			#list-results .list-musees #tel, #list-results .list-musees .tel {
				width:145px;
				padding-right:24px;
			}
			
			#list-results .list-musees #city, #list-results .list-musees .city {
				width:195px;
			}
			
			/* tailles colonnes collections */
			
			#list-results .list-collections #name, .list-collections .name {
				width:308px;
				padding-right:28px;
			}
				#list-results .list-collections .name {
					width:194px;
				}
			
			#list-results .list-collections #domain, #list-results .list-collections .domain {
				width:298px;
				padding-right:24px;
			}
			
			#list-results .list-collections #author, #list-results .list-collections .author {
				width:156px;
				padding-right:24px;
			}
			
			#list-results .list-collections #city, #list-results .list-collections .city {
				width:142px;
			}
			
	
	#content .facetwp-pager {
		padding:28px;
	}
		#content .facetwp-pager ul {
			display:block;
			float:right;
		}
			#content .facetwp-pager ul li {
				display:inline-block;
				margin-left:6px;
			}
				#content .facetwp-pager ul li.arrow {
					margin-left:0px;
				}
				#content .facetwp-pager ul li.arrow.sep {
					margin-left:20px;
				}
				
				#content .facetwp-pager ul li > a,
				#content .facetwp-pager ul li > span {
					display:block;
					height:28px;
					padding:10px 4px;
					border-bottom:7px solid transparent;
					text-decoration:none;
					font-size:24px;
					line-height:28px;
					color:#404040;
					font-family: 'Muli', sans-serif, Arial;
					font-weight: 200;
				}
					#content .facetwp-pager ul li.arrow > a,
					#content .facetwp-pager ul li.arrow > span {
						padding:10px 4px;
					}
					#content .facetwp-pager ul li.arrow > a {
						color:#e62d2b;
					}
					#content .facetwp-pager ul li.arrow > a:hover {
						color:#9a1e1c;
					}
					#content .facetwp-pager ul li > a:hover,
					#content .facetwp-pager ul li > span.current {
						color:#000;
					}
					#content .facetwp-pager ul li > span.current {
						border-color:#e62d2b;
					}
	
	/* MUSÉE */
	
	#content.page-single {
		
	}
	#content.page-event .left-col {
		font-size: 0;
	}
	#content.page-event .left-col img {
		width: 100%;
		height: auto;
	}
		#content.page-single .left-col {
			float:left;
			width:616px;
		}
		#content.page-single .right-col {
			float:right;
			width:364px;
		}
		
		#content.page-single .pad {
			display:block;
			padding:28px;
			font-size:16px;
		}
			#content.page-single .pad h2 {
				font-family: 'Muli', sans-serif, Arial;
				font-weight: 200;
				font-size:24px;
				color:#000;
				margin-bottom:10px;
				line-height:20px;
			}
				#content.page-single .pad h2 span {
					font-size:16px;
				}
			#content.page-single .pad p {
				margin:16px 0 8px 0;
			}

			#content.page-single .pad a {
				text-decoration:none;
			}
				
			#content.page-single .pad *:first-child {
				margin-top:0;
			}
		
			/* PADS */
		
			#content.page-single .photo {
				/*height:364px;*/
				overflow:hidden;
				line-height:0;
				background:#fff;
				width:616px;
				display:table-cell;
				vertical-align:middle;
				text-align:center;
			}
				#content.page-single .photo .center1 {
					width:100%;
					height:100%;
					display:table;
				}
					#content.page-single .photo .center2 {
						display:table-cell;
						vertical-align:middle;
						width:100%;
						text-align:center;
					}
					
						#content.page-single .photo img {
							width:100%;
							height:auto;
						}
				
				#content.page-single .photo .legende {
					width:100%;
					line-height:110%;
					font-size:12px;
					font-style: italic;
					color: #919191;
					padding:4px 0;
				}
				
			#content.page-single .map {
				width:364px;
				height:364px;
				background:#F4F3EF;
			}
				#content.page-single #map-canvas {
					width:100%;
					height:100%;
				}
		
		
			#content.page-single .pad-schedules {
				color:#fff;
				background:#24386f;
				min-height:130px;
			}
				#content.page-single .pad-schedules h2 {
					color:#fff;
				}
			#content .pad-event-image {
				/*height: 322px;*/
			}
				#content .pad-event-image img {
					/*height: 100% !important;
					width: 100% !important;
					display: flex;
					object-fit: contain;*/
				}
			#content.page-single .pad-address {
				color:#fff;
				background:#24386f;
				padding-top: 18px;
			}
				#content.page-single .pad-address a {
					color:#fff;
				}
			
			#content.page-single .pad-schedules,
			#content.page-single .pad-address {
				font-family: 'Muli', sans-serif, Arial;
				font-weight: 200;
				font-size:16px;
			}
			
		
			#content.page-single .pad-note {
				background-color: #c1c2c6;
				color:#fff;
				font-size:14px;
				font-family: 'Muli', sans-serif, Arial;
				font-weight: 300;
			}
				#content.page-single .pad-note h2 {
					color:#fff;
				}
			
			#content.page-single .pad-prices {
				background:#f4e7d4;
			}
				
				/* accordeon */
				#content.page-single .pad-openable {
					padding:0;
					margin:0 28px;
					border-bottom:1px solid #BDBDAE;
				}
					#content.page-single .pad-openable .pad-header {
						padding:28px 16px 28px 0;
						cursor:pointer;
					}
						#content.page-single .pad-openable .pad-header:hover {
							background-color: #fcf9f4;
						}
						#content.page-single .pad-openable .pad-header i {
							line-height:32px;
							font-size:24px;
							color:#e62d2b;
							float:right;
						}
							#content.page-single .pad-openable .pad-header:hover i {
								color:#9a1e1c;
							}
						#content.page-single .pad-openable .pad-header h2 {
							margin:0;
						}
						#content.page-single .pad-openable .pad-content {
							display:none;
							margin:12px 0;
						}
				
				/* spé musée */
				#content.page-musee #image-gallery-container {
					margin:20px 0;
					position:relative;
					height:168px;
					background:#F7F7F6;
				}
					#content.page-musee #image-gallery-images {
						width:504px;
						height:168px;
						position:relative;
						float:left;
						overflow:hidden;
					}
					
						#content.page-musee ul#image-gallery {
							position:absolute;
							top:0;
							left:0;
							height:168px;
						}
							#content.page-musee ul#image-gallery li {
								display:block;
								float:left;
								width:168px;
								height:168px;
								line-height:0;
							}
								#content.page-musee ul#image-gallery li img {
									width:100%;
									height:auto;
								}
							
					#content.page-musee #image-gallery-buttons {
						float:right;
						width:56px;
						height:168px;
					}
						#content.page-musee  #image-gallery-buttons a {
							position:absolute;
							display:block;
							width:56px;
							height:28px;
							text-align:center;
							text-decoration:none;
							color:#9a1e1c;
							font-size:16px;
							line-height:28px;
							right:0;
							top:2px;
						}
							#content.page-musee #image-gallery-buttons a:hover {
								color:#21221E;
							}
							#content.page-musee #image-gallery-buttons a.disabled {
								cursor:default;
								color:#ccc;
							}
							#content.page-musee #image-gallery-buttons a#gallery-prev {
								top:30px;
							}
							#content.page-musee #image-gallery-buttons a#gallery-zoom {
								top:auto;
								height:50px;
								line-height:50px;
								font-size:24px;
								bottom:0;
							}
				
			
				/* spé event */
				#content.page-event .photo {
					width:308px;
					height:308px;
					float:left;
				}
				#content.page-event .pad-schedules {
					background-color: #c1c2c6;
					width:252px;
					min-height:260px;
					float:left;
					padding:28px 28px 20px 28px;
					float:left;
				}
					#content.page-event .pad-schedules.no-img {
						width:auto;
						min-height:0;
						float:none;
					}
			
			/* RIGHT COL */
			
			#content.page-single a.pad-contact {
				text-align:center;
				color:#fff;
				background:#e62d2b;
				font-family: 'Muli', sans-serif, Arial;
				font-weight: 300;
				font-size:24px;
				text-decoration:none;
			}
				#content.page-single a.pad-contact:hover {
					background:#9a1e1c;
				}
			
			
			#content.page-single .pad-access {
				color:#000;
				background-color: #fcf9f4;
			}
				#content.page-single .pad-access h2 {
					color:#21221E;
				}
				
				/* vialsace */
				#content.page-single .vialsace4lei {
					margin-top:24px;
					background:none !important;
					padding-top:18px;
					border-top:1px solid #D3D4BE;
				}
					#content.page-single .vialsace4lei:first-child {
						margin:0;
						padding-top:0;
						border:none;
					}
					#content.page-single .vialsace4lei strong {
						font-family: 'Muli', sans-serif, Arial;
						font-weight: 200;
						font-size: 18px;
						color: #21221E;
						margin-bottom: 10px;
					}
				
				
			
			#content.page-single .pad-border {
				background-color: #fcf9f4;
			}
				#content.page-single .pad-border + .pad-border {
					border-top:1px solid #f4e7d4;
				}
			
				
			#content.page-single .pad-events,
			#content.page-single .pad-collections-2 {
				position:relative;
			}
				#content.page-single .pad-collections-2 a.collecs-all {
					/*position:absolute;
					top:37px;
					right:28px;*/
					display:block;
					color:#e62d2b;
					margin-top:8px;
				}
					#content.page-single .pad-collections-2 a.collecs-all:hover {
						color:#9a1e1c;
					}
				#content.page-single .pad-events a.events-all {
					display:block;
					color:#e62d2b;
					/*text-align:right;*/
					margin-top:8px;
				}
					#content.page-single .pad-events a.events-all:hover{
						color: #9a1e1c;
					}
                                
				#content.page-single .pad-events .events-list a,
				#content.page-single .pad-collections-2 .collecs-list a {
					display:block;
					border-top:1px solid #F2F2F2;
					padding:12px 0;
				}
					#content.page-single .pad-collections-2 .collecs-list a {
						/*min-height:84px;*/
					}
					#content.page-single .pad-events .events-list li:first-child a,
					#content.page-single .pad-collections-2 .collecs-list li:first-child a {
						border:none;
					}
					#content.page-single .pad-events .events-list p,
					#content.page-single .pad-collections-2 .collecs-list p {
						margin:0;
					}
					#content.page-single .pad-events .events-list p.date {
						color:#e62d2b;
						margin-bottom:6px;
					}
					#content.page-single .pad-events .events-list p.title,
					#content.page-single .pad-collections-2 .collecs-list p.title {
						color:#000;
						text-decoration:none;
					}
						#content.page-single .pad-events .events-list a:hover,
						#content.page-single .pad-collections-2 .collecs-list a:hover {
							color:#404040;
						}
						#content.page-single .pad-events .events-list a:hover p,
						#content.page-single .pad-collections-2 .collecs-list a:hover p {
							color:#9a1e1c;
						}
					
					
					#content.page-single .pad-collections-2 .collecs-list img {
						display:block;
						float:left;
						margin:0 28px 0 0;
					}
					#content.page-single .pad-collections-2 .collecs-list p.auteur {
						color:#e62d2b;
						margin-bottom:6px;
					}
						#content.page-single .pad-collections-2 .collecs-list a:hover p.auteur {
							color:#9a1e1c;
						}
				
			
			#content.page-single .pad-documents ul,
			#content.page-single .pad-links ul,
			#content.page-single .pad-social ul,
			#content.page-single .vialsace4lei ul {
				margin-top:18px;
			}
				#content.page-single .pad-documents a,
				#content.page-single .pad-links a,
				#content.page-single .vialsace4lei ul a {
					display:block;
					margin:4px 0 0 0;
					font-size:14px;
					line-height:18px;
					color:#616358;
				}
					#content.page-single .pad-documents a span,
					#content.page-single .pad-links a span,
					#content.page-single .vialsace4lei ul a span {
						display:block;
						padding:3px 0;
						color:#000;
					}
					#content.page-single .pad-documents a i,
					#content.page-single .pad-links a i,
					#content.page-single .vialsace4lei ul a i {
						display:block;
						font-size:24px;
						line-height:24px;
						float:right;
						margin-left:10px;
						color:#e62d2b;
					}
						#content.page-single .vialsace4lei ul a i {
							float:left;
							margin:0 10px 0 0;
						}
						#content.page-single .pad-links a i,
						#content.page-single .vialsace4lei ul a i {
							color:#e62d2b;
						}
						
					#content.page-single .pad-documents a:hover,
					#content.page-single .pad-documents a:hover span,
					#content.page-single .pad-documents a:hover i,
					#content.page-single .pad-links a:hover,
					#content.page-single .pad-links a:hover span,
					#content.page-single .pad-links a:hover i,
					#content.page-single .vialsace4lei ul a:hover,
					#content.page-single .vialsace4lei ul a:hover span,
					#content.page-single .vialsace4lei ul a:hover i {
						color:#9a1e1c;
						text-decoration:none;
					}
				#content.page-single .pad-network li a {
					display:block;
					font-size:32px;
					line-height:40px;
					float:left;
					margin-left:16px;
					color:#e62d2b;
				}
					#content.page-single .pad-network li:first-child a {
						margin:0;
					}
					#content.page-single .pad-network li a:hover {
						text-decoration:none;
						color:#21221E;
					}
						#content.page-single .pad-network li.facebook a:hover {
							color:#4862A3;
						}
						#content.page-single .pad-network li.twitter a:hover {
							color:#00ACEE;
						}
						
						/* tripadvisor */
						
						#content.page-single .widSSP {
							margin-top:28px !important;
							width:308px !important;
						}
						#content.page-single .widSSPData {
							padding:0 !important;
							border:none !important;
						}
						
						#content.page-single .widSSPWrap,
						#content.page-single .widSSPReviews {
							display:none;
						}	
			
			/* oeuvre */
			
			#content.page-single .pad-oeuvre {
				background-color: #fcf9f4;
			}
				#content.page-single .pad-oeuvre p.legende {
					font-style:italic;
					color:#919191;
					margin-bottom:40px;
				}
				#content.page-single .pad-oeuvre p.numero {
					margin:40px 0 0 0;
				}
				#content.page-single .pad-oeuvre a {
					color: #e62d2b;
				}
					#content.page-single .pad-oeuvre a:hover {
						color: #9a1e1c;
					}
				
				#content.page-single .pad-retour a {
					color: #e62d2b;
				}
					#content.page-single .pad-retour a:hover {
						color: #9a1e1c;
					}
					
				#content.page-single .pad-musee-right {
					display:block;
					text-decoration:none;
					padding:20px 28px;
					background:#24386f;
				}
					#content.page-single .pad-musee-right h2 {
						color:#fff;
						font-size:16px;
						line-height:20px;
						margin:0;
					}
					#content.page-single .pad-musee-right h3 {
						color: #f4e7d4;
						font-size:16px;
						line-height:18px;
						margin-top:6px;
						padding:5px 0 5px 40px;
						font-family: 'Muli', sans-serif, Arial;
						font-weight: 200;
						background:url(images/pages/musee-de-france.png) no-repeat left top;
					}
					#content.page-single .pad-musee-right:hover {
						background:#3c4e7f;
					}
						#content.page-single .pad-musee-right:hover h3 {
							color:#fff;
							background-position:left bottom;
						}
				
				#content.page-single .pad-image-right {
					display:block;
					position:relative;
					padding:0;
					line-height:0;
				}
					#content.page-single .pad-image-right .info {
						display:block;
						font-size:24px;
						color:#fff;
						position:absolute;
						left:16px;
						bottom:16px;
					}
						#content.page-single .pad-image-right:hover .info {
							/*color:#959F00;*/
						}
				
				#content.page-single .pad-lien-collecs {
					padding-right:0;
				}
					#content.page-single .pad-lien-collecs a {
						color:#e62d2b;
					}
					#content.page-single .pad-lien-collecs a:hover {
						color:#9a1e1c;
					}
		
		
		
		
		#entry-content .wrap > .entry {
			padding:28px;
			font-family: 'Muli', sans-serif, Arial;
			font-weight: 200;
		}
			.entry p,
			.entry ul {
				margin-bottom:10px;
				font-family: Arial;
			}
			.entry p.intro {
				font-family: 'Muli', sans-serif, Arial;
				font-weight: 300;
			}
			.entry ul {
				padding-left:40px;
				list-style:disc;
			}
			.entry a {
				color:#e62d2b;
				text-decoration:none;
			}
			.entry a:hover {
				text-decoration:underline;
			}
			.entry h2 {
				font-family: 'Muli', sans-serif, Arial;
				font-weight: 300;
				font-size: 24px;
				color: #fa0016;
				margin-bottom: 10px;
			}
			.entry h3 {
				font-family: 'Muli', sans-serif, Arial;
				font-weight: 200;
				font-size: 20px;
				color: #21221E;
				margin-bottom: 10px;
				padding-top: 10px;
			}
			.entry .green {
				color:#B8BF53;
			}
			.entry .pink {
				color:#9a1e1c;
			}
			.entry .grey {
				color:#616358;
			}
			.entry .black {
				color:black;
			}
			.entry img.alignleft {
				float:left;
			}
			.entry img.alignright {
				float:right;
			}
			
			/* ENTRY */
			#entry-content p {
				font-size: 16px;
				line-height: 1.4;
			}
			
			/* FORMULAIRES */
			
			#entry-content .formulaire {
				background-color: #fcf9f4;
				padding:28px 28px 0 28px;
				position:relative;
			}
				#entry-content .formulaire.form-contact {
					width:560px;
					float:left;
				}
				
			#entry-content .formulaire .field {
				width:266px;
				margin:0 0 0 28px;
				float:left;
			}
				#entry-content .formulaire .field-left {
					margin:0;
				}
				
				#entry-content .formulaire .field-large,
				#entry-content .formulaire .field-mentions,
				#entry-content .formulaire .field-submit {
					width:560px;
					float:none;
					margin:0;
				}
				#entry-content .formulaire .field-mentions {
					margin-bottom:28px;
				}
				#entry-content .formulaire .field-submit {
					position:relative;
				}
			
			#entry-content .formulaire .wpcf7-form-control-wrap {
				display:block;
				padding-bottom:20px;
				position:relative;
			}
			
			#entry-content .formulaire input,
			#entry-content .formulaire textarea,
			#entry-content .formulaire select {
				border:1px solid #ABADB3;
				background:#fff;
				outline: none;
				font-size:14px;
				line-height:18px;
				resize:none;
			}
			
			#entry-content .formulaire label {
				display:block;
				color:#9a1e1c;
				font-family: 'Muli', sans-serif, Arial;
				font-weight: 200;
				font-size:16px;
				line-height:20px;
				margin-bottom:2px;
			}
				#entry-content .formulaire input[type=text],
				#entry-content .formulaire input[type=password],
				#entry-content .formulaire input[type=email] {
					padding:4px 2px;
					width:260px;
				}
				#entry-content .formulaire select {
					width:100%;
					height:28px;
				}
				#entry-content .formulaire textarea {
					width:556px;
					padding:4px 2px;
					height:120px;
				}
				#entry-content .formulaire .field-mentions small {
					display:block;
					font-size:11px;
					margin:10px 0;
				}
				
				#entry-content .formulaire .field-submit input, #entry-content .login-form-container.formulaire .login-submit input {
					display:block;
					background-color: #e62d2b;
					color:#fff;
					font-family: 'Muli', sans-serif, Arial;
					font-weight: 200;
					font-size:24px;
					line-height:28px;
					text-align:center;
					border:none;
					padding:14px 0;
					width:308px;
					margin:0 auto;
				}
					#entry-content .formulaire .field-submit input:hover {
						background:#9a1e1c;
					}
					
				#entry-content .formulaire .field-submit .ajax-loader {
					display:block;
					padding:12px 138px;
					background:#9a1e1c;
					width:32px;
					height:32px;
					position:absolute;
					left:126px;
					top:0;
					margin:0;
				}
		
			/* cf7 */		
			
			#entry-content .formulaire input.wpcf7-not-valid,
			#entry-content .formulaire textarea.wpcf7-not-valid,
			#entry-content .formulaire select.wpcf7-not-valid {
				border:1px solid #9a1e1c;
				background:#FCF3F7;
			}
			
			#entry-content .formulaire .wpcf7-not-valid-tip,
			#entry-content .formulaire .wpcf7-not-valid-tip-no-ajax {
				border:none;
				color:#20211E;
				background:none;
				text-align:right;
				top :auto;
				bottom:5px;
				font-size:10px;
				font-family:Arial, sans-serif;
				line-height:11px;
				left:0;
				width:100%;
			}
			
			#entry-content .wpcf7-response-output {
				position:absolute;
				width:616px;
				bottom:-28px;
				left:0px;
				font-size: 16px;
				line-height:18px;
				border:none;
				margin:0;
				padding:0;
				color:#333;
				text-align:center;
			}
				#entry-content .wpcf7-response-output.wpcf7-validation-errors {
					color:#9a1e1c;
				}
			
	/* FOOTER */
	
	#entry-footer {
		margin:28px 0 0 0;
	}
	
	#footer {
		margin-top:112px;
	}
		#footer-top {
			padding:28px 0;
			background:#F2F2F2 url(images/footer/bg2.png) no-repeat center bottom;
		}
			#footer-top .footer-pad-links {
				float:left;
				display:table;
				width:476px;
				margin-left:28px;
				color:#616358;
				text-decoration:none;
			}
				#footer-top .footer-pad-links:first-child {
					margin:0;
				}
				#footer-top .footer-pad-links .image {
					width:112px;
					display:table-cell;
					vertical-align:middle;
					line-height:0;
				}
				#footer-top .footer-pad-links .content {
					width:364px;
					display:table-cell;
					vertical-align:middle;
					
				}
					#footer-top .footer-pad-links .content .title {
						font-size:16px;
						color:#9a1e1c;
						text-decoration:none;
						font-family: 'Muli', sans-serif, Arial;
						font-weight: 200;
						margin-bottom:4px;
					}
					#footer-top .footer-pad-links .content .desc {
						font-size:14px;
						color:#616358;
						text-decoration:none;
					}
					
					#footer-top .footer-pad-links:hover .content .title {
						/*color:#42423B;*/
					}
					#footer-top .footer-pad-links:hover .content .desc {
						color:#42423B;
					}
				
		
		#footer-home-top {
			background:url(images/footer/bg1.png) repeat-y center top;
		}
			#footer-home-top .wrap {
				background:url(images/footer/bg3.png) repeat-y left top;
			}
			
			#footer-home-top .col-left {
				width:420px;
				float:left;
				padding:28px 28px 56px 28px;
				color:#000;
				background-color: #f4e7d4;
			}
			#footer-home-top .col-right {
				width:448px;
				float:left;
				padding:28px 28px 56px 28px;
				color:#fff;
				background-color: #fff;
			}
			#footer-home-top h2 {
				font-size:24px;
				font-family: 'Muli', sans-serif, Arial;
				font-weight: 200;
				line-height:30px;
				margin-bottom:28px;
				color: #000;
			}
			
				#footer-home-top .contact-menu a {
					font-size:14px;
					color:#42423B;
					text-decoration:none;
					display:block;
					margin-bottom:14px;
				}
					#footer-home-top .contact-menu .arrow {
						display:inline-block;
						vertical-align:top;
						width:20px;
					}
					#footer-home-top .contact-menu .label {
						display:inline-block;
						color:#42423B;
						width:400px;
					}
						#footer-home-top .contact-menu a:hover .label {
							text-decoration:underline;
						}
						#footer-home-top .contact-menu .label span {
							display:block;
							color:#616358;
						}
				
				#footer-home-top .partenaires-menu li {
					display:block;
					float:left;
					margin-left:28px;
				}
#footer-home-top .partenaires-menu li:last-of-type {
	margin-left: 0;
	margin-top: 10px;
}

					#footer-home-top .partenaires-menu li:first-child {
						margin:0;
					}
					#footer-home-top .partenaires-menu a {
						display:block;
						line-height:0;
					}
						#footer-home-top .partenaires-menu a .img1,
						#footer-home-top .partenaires-menu a:hover .img2 {
							display:block;
							height:105px;
							line-height:0;
						}
						#footer-home-top .partenaires-menu a .img2,
						#footer-home-top .partenaires-menu a:hover .img1 {
							display:none;
						}
#footer-home-top .partenaires-menu a .img1 img,
#footer-home-top .partenaires-menu a .img2 img {
    height: 100%;
    width: auto;
}
						
		
		#footer-bottom {
			padding:32px 0 20px 16px;
		}
			/*#footer-bottom #signature-advisa {
				width:32px;
				height:32px;
				float:left;
			}*/

		#footer-bottom .wrap {
			position:relative;
		}
			#footer-bottom #legal-menu {
				width:430px;
				height:32px;
				float:left;
			}
				#footer-bottom #legal-menu .legal-menu {
					
				}
					#footer-bottom #legal-menu .legal-menu li {
						display:block;
						height:32px;
						float:left;
						margin-left:30px;
					}
						#footer-bottom #legal-menu .legal-menu li:first-child {
							margin:0;
						}
						#footer-bottom #legal-menu .legal-menu li a {
							display:block;
							padding:8px 2px 2px 2px;
							font-size:14px;
							line-height:24px;
							color:#000;
							text-decoration:none;
						}
							#footer-bottom #legal-menu .legal-menu li a:hover {
								color:#404040;
							}
			
			#footer-bottom #social-menu {
				width:495px;
				height:32px;
				float:right;
			}
				#footer-bottom #social-menu p.title {
					font-size:14px;
					line-height:22px;
					padding:8px 0 2px 0;
					margin-right:20px;
					float:left;
					color:#919191;
				}
				#footer-bottom #social-menu .social-menu {
					float:left;
				}
					#footer-bottom #social-menu .social-menu li {
						display:block;
						height:32px;
						float:left;
						margin-right:8px;
					}
						#footer-bottom #social-menu .social-menu li a {
							display:block;
							padding:4px 2px 6px 2px;
							font-size:24px;
							line-height:24px;
							color:#919191;
							text-decoration:none;
						}
							#footer-bottom #social-menu .social-menu li a:hover {
								color:#42423B;
							}
							#footer-bottom #social-menu .social-menu li.facebook a:hover {
								color:#4862A3;
							}
							#footer-bottom #social-menu .social-menu li.twitter a:hover {
								color:#00ACEE;
							}
							#footer-bottom #social-menu .social-menu li.rss a:hover {
								color:#EA7F30;
							}

							#map .openedMap{
								display: none;
							}
							#map.open {
								visibility: visible !important;
								height: auto !important;
								transition: .2s all ease-in;
							}

/* COPYRIGHT ADVISA */

.cont-copyright-advisa {
	position: absolute;
	right:0px;
	top:7px;
	width:50px;
}
.copyright-advisa {
	width: 39px;
	height: 32px;
	float:right;
	background: url(images/copyright_advisa/logo_advisa.png) no-repeat top center;
}
*html .copyright-advisa {
	background: url(images/copyright_advisa/logo_advisa.gif) no-repeat top center;
}
	.copyright-over {
		display:none;
		width: 184px;
		height: 32px;
		position:absolute;
		right:0;
		font-family: Arial, Verdana, Helvetica, sans serif;
		font-size: 11px;
		line-height: 100%;
		color: #fff;
		background: url(images/copyright_advisa/bg_over.png) no-repeat top center;
	}
	
	.cont-copyright-advisa table {
		border-collapse: collapse;
		border: 0;
		margin: 0;
	}
		.cont-copyright-advisa td {
			padding: 0;
			vertical-align: top;
		}
		.copyright-text {
			width:150px;
			height: 26px;
			text-align:center;
			line-height:26px;
		}
		.copyright-over a {
			color: #fff;
			text-decoration: none;
		}
		.copyright-img{
			width:28px;
			height:26px;
			padding:0 8px 0 0;
		}


/* GENERAL REGLE MOMO*/
.hidden {
	display: none;
}

.site-description {
	display: none;
}

.site-title {
	opacity: 0;
}
	
/* END COPYRIGHT ADVISA */

/* STEP MD */
@media (min-width: 992px) and (max-width: 1200px) { 
	/*.wrap {
		width: 768px;
	}

	header, main, footer {
		width: 768px;
	}

	#header-1 .wrap {
		height: 28px;
	}*/
}

/* STEP SM */
@media (max-width: 992px) {

	#entry-intro {
		padding: 65px 25px 45px;
		box-sizing: border-box;
	}

	#content #filters, #content #filters form {
		float: left;
		width: 100%;
		background: #f2f2f2;
	}

	#content #filters .field-checkboxes {
		width: 100%;
	    padding: 40px 0 0 227px;
	    box-sizing: border-box;
	    margin: 0 0 30px 0;
	}

	#content #filters .field-checkboxes span {
		display: block;
		float: left;
		width: 100%;
	}

	#content #filters .field-search #collection-search, #content #filters .field-search #event-search {
		width: 59% !important;
		box-sizing: border-box !important;
	}

	#content #filters .field-search #event-search {
		width: 100%;
		box-sizing: border-box;
	}

	#content #filters .field-search label {
		width: 30%;
		box-sizing: border-box;
		padding: 28px;
		height: auto;
	}

	#content #filters .field-pad {
		width: 100%;
		padding: 0 15px;
   		margin-top: 28px;
	}

	#content #filters .field-pad label, #content #filters .field-city label, #content #filters .field-accessibility label {
		width: 28%;
		float: left;
		display: block;
		text-align: right;
		box-sizing: border-box;
		padding: 0 15px;
	}

	#content #filters .field-theme {
		margin-bottom: 25px;
	}

	#content #filters .field-pad select {
		width: 50%;
		float: left;
	}

	#content #filters .input-submit {
		padding-top: 40px;
	}

	#footer-top .footer-pad-links {
		width: 50%;
		float: left;
		box-sizing: border-box;
		margin: 0;
		padding: 15px;
	}

	#footer-top .footer-pad-links .image {
		width: 25%;
		display: block;
		float: left;
	}

	#footer-top .footer-pad-links .content {
		width: 75%;
		display: block;
		float: left;
		padding-left: 15px;
	}

	#list-results .list-collections #city, #list-results .list-collections .city {
		display: none;
	}

	.list-collections {
		padding: 15px;
	}

	#content.page-single .left-col, #content.page-single .photo {
		width: 100% !important;
		overflow: visible;
		display: block;
		float: left;
		width: 100%;
		height: auto;
	}

	#content.page-single .photo .center1 {
		display: block;
		width: 100%;
		float: left;
	}

	#content.page-single .photo .center2 {
		display: block;
		width: 100%;
		float: left;
	}

	#content.page-single .photo img {
		width: 100%;
	}

	#content.page-single .pad {
		width: 100%;
		float: left;
		box-sizing: border-box;
	}

	#content.page-single .right-col {
		width: 100%;
		float: left;
	}

	#content.page-single .map {
		width: 50%;
		float: left;
	}

	#content.page-single .pad-image-right img {
		width: 100%;
	}

	#content.page-single .right-col .pad-image-right {
		width: 50%;
	}

	#content.page-single .pad-schedules, #content.page-single .pad-address, #content.page-single a.pad-contact {
		float: right;
		width: 100%;
		box-sizing: border-box;
	}

	#content.page-single .pad-access {
		float: left;
		width: 50%;
		box-sizing: border-box;
	}

	.group {
		float: right;
		width: 50%;
	}

	#content.page-single .pad-lien-collecs {
	    padding-right: 0;
	    width: 50% !important;
	    float: right !important;
	    padding: 22px;
	}

	#content.page-musee #image-gallery-images {
		width: 100%;
	}

	#content.page-musee ul#image-gallery {
		width: 100% !important;
	}

	#content.page-musee ul#image-gallery li {
		width: 25%;
		height: auto;
	}

	#content.page-single .pad-openable .pad-header {
		width: 100%;
		box-sizing: border-box;
	}

	#content.page-single .pad-openable {
		padding: 0;
		margin: 0;
	}

	#content.page-single .pad-openable .pad-header {
		padding: 28px 15px;
	}

	#content.page-single .pad-openable .pad-content {
		padding: 0 15px;
	}

	#content.page-single .pad-gallery {
		height: 400px;
	}

	#content.page-musee #image-gallery-buttons {
		position: absolute;
		right: 0;
	}

	#content.page-single .pad-services {
		width: 50%;
	}

	.page-template-page-musee-php #content.page-single .pad-access {
		float: right;
	}

	.pad-network, #content.page-single .widSSP {
		width: 100% !important;
		float: left;
	}

	#content #map-link {
		float: left;
		width: 100%;
	    text-align: center;
	    background: #f2f2f2;
	}

	#content #map-link img {
		max-width: 100%;
	}

	#entry-footer img {
		width: 100%;
		height: auto;
	}

	.list-table {
		padding: 0 15px;
	}

	#content #filters .field-city, #content #filters .field-accessibility {
		width: 100%;
	}

	.page-template-page-evenement-php #content.page-single .pad-schedules {
		width: 50%;
		float: right;
	}

	.page-template-page-evenement-php #content.page-single .pad-prices, .page-template-page-evenement-php #content.page-single .pad-presentation, .page-template-page-evenement-php #content.page-single .pad-events {
		width: 50%;
		float: left;
	}

	.page-template-page-evenement-php .mobile-clear {
		display: none;
	}

	.entry img.alignleft {
		width: 100%;
	}








	.page-template-page-collections-php #entry-header, #breadcrumbs {
		display: none;
	}

	#main #entry-header .wrap {
		padding: 40px !important; 
	}

	.home #entry-header {
		display: block !important;
	}

	body {
		line-height: 120%;
	}

	div {
		box-sizing: border-box;
	}

	.show {
		display: block;
	}

	.wrap {
		width: 100%;
	}

	#header-1 {
		display: none;
	}

	#header-1 .top-menu {
		display: none;
	}

	#home-events ul.events-menu {
		display: none;
	}

	/* header */
	#header-1 .lang-menu {
		display: none;
	}

	#header-2 {
		margin-top: 30px;
	}

	#header-2 .home-link {
		width: 160px;
		height: 160px;
		z-index: 9999;
	}

	#header-2 .home-link img {
		width: 100%;
	}

	#header-2 .wrap, #header-3 .wrap {
		height: 100px;
		position: static;
	}

	/* Menu tablet */
	.mobile-menu-action {
		float: left;
	    left: calc(100% - 212px);
	    position: absolute;
	    display: block;
	    transition: left .3s ease-in-out;
	}

	.mobile-menu-action.open {
		left: calc(100% - 73%);
	}

	.mobile-menu-action a {
		padding: 32px 35px;
	    margin-left: 5px;
	    margin-right: 5px;
	    display: block;
	}

	.btn {
		margin-bottom: 0;
	    font-size: 14px;
	    line-height: 20px;
	    text-align: center;
	    vertical-align: middle;
	    cursor: pointer;
	}

	.mot-menu {
		position: absolute;
		left: -31px;
	    padding: 39px 0;
	    color: white;
	    font-size: 22px;
	}
	
	.mobile-menu-action .icon-bar {
		display: block;
	    width: 31px;
    	height: 4px;
	    background-color: #f5f5f5;
	    -webkit-border-radius: 1px;
	    -moz-border-radius: 1px;
	    border-radius: 1px;
	    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	    margin-top: 6px;
	}

	.menu-principal {
		position: absolute;
		height: auto !important;
    	width: 100% !important;
    	top: 131px;
	    left: 0;
	    background: #404040;
	    max-height: 0;
	    z-index: 999;
	    overflow: hidden;
	    transition: all .3s ease-in-out;
	}

	.menu-principal.open {
		max-height: 2000px;		
	}

	.menu-principal #menu-menu-principal {
		position: relative;
		max-height: 0;
	}

	#header-2 #navbar .menu-principal .menu > li > ul.sub-menu {
		display: block;
		top: 0;
		position: relative;
    	text-align: center;
	}

	#header-2 #navbar .menu-principal .menu > li > ul.sub-menu > li > a {
		font-size: 18px;
	    color: white;
	    padding: 15px;
	}

	.menu-principal.open #menu-menu-principal {
		max-height: 2000px;
	}

	#header-2 #navbar {
		padding: 0;
	}

	#header-2 #navbar .menu-principal .menu > li {
		width: 100%;
		margin: 0;
	}

	#header-2 #navbar .menu-principal .menu > li > a {
		padding: 26px 0px 26px 0px;
		text-align: center;
		font-size: 22px;
	}

	#header-2 #navbar .menu-principal .menu > li > a:hover {
		background: #5B5B52;
	}

	/* Search tablet */
	#header-2 #navbar #form-container {
		width: 100px;
		height: 100px;
		transition: width .3s ease-in-out;
		overflow: hidden;
		z-index: 99;
		position: relative;
	}

	#header-2 #navbar #form-container.open {
		width: calc(100% - 299px);
	    box-sizing: border-box;
	}

	#header-2 #navbar #form-container.open #s {
		width: 75%;
	    padding: 0 11px;
	    top: 36px;
	    position: absolute;
	    visibility: visible;
	    font-size: 22px;
	}

	#header-2 #navbar #form-container #s {
		width: 0;
		padding: 0;
		transition: width .3s ease-in-out;
		visibility: hidden;
	}

	#header-2 #navbar #form-container #search-submit {
		width: 100px;
		padding: 28px 0;
	}

	#header-3 {
		display: none;
	}

	/* main */
	#main #entry-header .wrap {
		padding: 15px;
		box-sizing: border-box;
		
		float: left;
		width: 100%;
	}

	.page-template-page-musees-php #entry-header, .page-template-page-evenements-php #entry-header {
		display: none;
	}

	.home #main #entry-header .wrap { 
		padding-top: 75px !important;
	}

	#main #entry-header .wrap p:first-of-type span {
		font-size: 38px !important;
	}

	#main #entry-header .wrap p:not(:first-of-type) span {
		font-size: 16px !important;
	}

	#main #cont-slides .slide {
		width: 100%;
		height: 100vh;
		display: block;
	}

	#main #home-events {
		width: 100%;
	}

	#main #home-events #cont-slides {
		width: 100%;
		height: 360px;
		overflow: hidden;
	}

	#cont-slides .slide .infos, #cont-slides .slide .image {
		display: none;
	}

	/* slider home*/
	.mobile-slide {
		display: block;
		width: 100%;
		height: 100vh;
	}

	.mobile-slide .image-mobile {
		width: 50%;
	    height: 360px;
	    overflow: hidden;
	    float: right;
	}

	.mobile-slide .image-mobile img {
		width: 100%;
		
	}

	.mobile-slide .datetitre-mobile {
		width: 50%;
		padding: 30px 60px;
		float: left;
	}

	.mobile-slide .datetitre-mobile span.date {
		color: #B8BF53;
		font-size: 22px;
		display: block;
		width: 100%;
		padding-bottom: 25px;
		line-height: 120%;
	}

	.mobile-slide .datetitre-mobile span.titre {
		font-size: 22px;
		color: white;
		display: block;
		width: 100%;
		line-height: 120%;
		font-family: 'Muli', sans-serif, Arial;
		font-weight: 200;
		margin-bottom: 15px;
	}

	.mobile-slide .datetitre-mobile span.type a {
		font-size: 16px;
		color: white;
		display: block;
		width: 100%;
		line-height: 120%;
		font-family: 'Muli', sans-serif, Arial;
		font-weight: 200;
		margin-bottom: 15px;
		text-decoration: none;
	}

	.mobile-slide .datetitre-mobile span.musee a {
		font-size: 16px;
		color: #96968F;
		display: block;
		width: 100%;
		line-height: 120%;
		font-family: 'Muli', sans-serif, Arial;
		font-weight: 200;
		background: url(images/pages/musee-de-france-2.png) no-repeat left top;
		padding-left:  24px;
		text-decoration: none;
		margin-bottom: 25px;
		box-sizing: border-box;
	}

	.mobile-slide a.more-link {
		color: #B8BF53;
	    margin: 0;
	    text-decoration: none;
	    font-size: 14px;
	}

	.mobile-slide a.more-link i {
		display: block;
	    float: left;
	    font-size: 24px;
	    line-height: 24px;
	}

	.mobile-slide a.more-link span {
	    display: block;
	    float: left;
	    font-size: 14px;
	    line-height: 24px;
	    margin-left: 6px;
	}

	#entry-content.home-content .col-right, #entry-content.home-content .col-left {
		width: 50%
	}

	#home-events a.all-link {
	    display: block;
	    position: relative;
	    padding: 15px;
	    color: #C10A63;
	    background: white;
	    box-sizing: border-box;
	    width: 100%;
	    float: left;
	    z-index: 9999;
	    left: 0;
	    margin: 28px 0 0 0;
	    height: 53px;
	}

	#entry-content.home-content .pad-home {
		padding: 15px;
	}

	#entry-content.home-content .pad-home a {
		padding-right: 0;
		width: 100%;
	}

	#entry-content.home-content .pad-collections a {
		width: 100%;
	}

	#entry-content.home-content .pad-home a .image {
		width: 40%;
	}

	#entry-content.home-content .pad-collections a .content, #entry-content.home-content .pad-home a .content {
		width: 60%;
		padding: 0 0 0 15px;
	}

	/* footer */
	#footer {
		margin-top: 0;

	}

	#footer-home-top .col-left, #footer-home-top .col-right {
		width: 50%;
		box-sizing: border-box;
	}

	#footer-bottom #legal-menu {
		width: 100%;
		box-sizing: border-box;
	}

	#footer-home-top .contact-menu .label {
		width: 94%;
		box-sizing: border-box;
	}

	#footer-home-top .contact-menu .arrow {
		width: 6%;
	}

	#footer-home-top h2 {
		font-size: 24px;
	}

	#footer-home-top .partenaires-menu li {
		padding: 0;
		float: left;
		width: 50%;
		margin: 0;
	}

	header, #main, footer {
		width: 100%;
		float: left;
	}

	footer section {
		display: block;
		float: left;
		width: 100%;
	}

	#footer-bottom {
		padding: 0 15px;
		box-sizing: border-box;
	}
}

/* STEP XS */
@media (max-width: 767px) {

	#entry-header h1, #entry-intro h1 {
		font-size: 23px;
	}

	#content.page-single .map, #content.page-single .right-col .pad-image-right, .group, #content.page-single .pad-lien-collecs, #content.page-single .pad-access {
		width: 100% !important;
	}

	#content.page-single .pad-gallery {
		height: 200px;
	}

	#content.page-musee #image-gallery-container {
		height: auto !important;
	}

	#content.page-musee #image-gallery-buttons {
		height: 77px;
	}

	#list-results .list-musees #tel, #list-results .list-musees .tel, #list-results .list-musees #city, #list-results .list-musees .city {
		display: none;
	}

	.page-template-page-evenement-php #content.page-single .pad-schedules {
		width: 100%;
		float: right;
	}

	.page-template-page-evenement-php #content.page-single .pad-prices, .page-template-page-evenement-php #content.page-single .pad-presentation, .page-template-page-evenement-php #content.page-single .pad-events {
		width: 100%;
		float: left;
	}

	.page-template-page-evenement-php .mobile-clear {
		display: none;
	}

	#header-2 #navbar .menu-principal .menu > li > ul.sub-menu > li > a {
	    font-size: 14px;
	    color: white;
	    padding: 7px;
	}










	#entry-intro {
		padding: 70px 25px 27px;
	}

	#entry-intro h1 {
		font-size: 23px;
	}

	#content #filters .field-search #filters-search-submit {
		width: 50px;
		background-color: #24386f;
    	border-left: 1px solid white;
	}

	#content #filters .field-search #collection-search {
		width: calc(100% - 51px);
		padding: 28px;
	}

	 #content #filters .field-search #museum-search, #content #filters .field-search #event-search {
	 	width: calc(100% - 107px);
	 }

	#content #filters .field-checkboxes {
		padding: 30px 15px;
		margin: 0;
	}

	#content #filters .field-checkboxes input, #content #filters .field-checkboxes label {
		display: inline;
		float: none;
	}

	#content #filters .field-type {
		margin: 0;
		padding: 15px;
	}

	#content #filters .field-pad label, #content #filters .field-pad select {
		width: 100%;
		text-align: left;
		padding: 0;
	}

	#list-results .list-collections #author, #list-results .list-collections .author, #list-results .list-collections #domain, #list-results .list-collections .domain {
		display: none;
	}

	#content .facetwp-pager ul li > a, #content .facetwp-pager ul li > span {
		height: 18px;
		padding: 10px 0;
		font-size: 18px;
	}

	#content .facetwp-pager {
		padding: 0 15px;
	}

	#content .facetwp-pager ul {
		padding: 0;
		margin: 0;
		float: none;
	    display: block;
	    text-align: center;
	}

	#footer-top .footer-pad-links {
		width: 100%;
	}

	#footer-top .footer-pad-links .image img {
		width: 72px;
    	height: 72px;
	}

	header, #main, footer {
		background: #F5F5F3;
	}

	.mot-menu {
		display: none;
	}

	#header-2 #navbar #form-container.open {
		width: calc(100% - 134px);
	    box-sizing: border-box;
	}

	#header-2 {
		margin-top: 0;
	}

	#header-2 .home-link {
		width: 90px;
		top: 0px;
	}

	#header-2 .wrap, #header-3 .wrap {
		height: 50px;
	}

	#header-2 #navbar .menu-principal .menu > li > a {
		padding: 22px 0px 22px 0px;
		text-align: center;
		font-size: 16px;
	}

	.mobile-menu-action {
		float: left;
	    left: calc(100% - 120px);
	    position: absolute;
	    display: block;
	    transition: left .3s ease-in-out;
	}

	.mobile-menu-action.open {
		left: calc(100% - 82%);
	}

	.mobile-menu-action a {
		padding: 9px;
	    margin-left: 5px;
	    margin-right: 5px;
	    display: block;
	}

	.btn {
		margin-bottom: 0;
	    font-size: 14px;
	    line-height: 20px;
	    text-align: center;
	    vertical-align: middle;
	    cursor: pointer;
	}

	.mot-menu {
		position: absolute;
	    left: -40px;
	    padding: 15px 0;
	    color: white;
	}

	.menu-principal {
    	top: 66px;
	}

	/* Search tablet */
	#header-2 #navbar #form-container {
		width: 50px;
		height: 50px;
		transition: width .3s ease-in-out;
		overflow: hidden;
		z-index: 99;
		position: relative;
	}

	#header-2 #navbar #form-container.open {
		width: calc(100% - 134px);
	    box-sizing: border-box;
	}

	#header-2 #navbar #form-container.open #s {
		width: 75%;
		padding: 0 8px;
    	top: 12px;
    	font-size: 14px;
	}

	#header-2 #navbar #form-container #s {
		width: 0;
		padding: 0;
		transition: width .3s ease-in-out;
		visibility: hidden;
	}

	#header-2 #navbar #form-container #search-submit {
		width: 50px;
		padding: 4px 0;
	}

	.mobile-menu-action.open {
		left: calc(100% - (100% - 77px));
	}

	#header-1 .wrap {
		height: 28px;
	}

	#entry-header .wrap {
		width: 100%;
	}

	#main #entry-header .wrap p:first-of-type span {
		font-size: 23px !important;
	}

	/* Main */
	#main #entry-header .wrap {
		padding-top: 50px;
	}

	#entry-content.home-content .col-right, #entry-content.home-content .col-left {
		width: 100%;
	}

	#entry-content.home-content .col-left {
		margin: 0;
	}

	#main #home-events #cont-slides {
		height: 660px;
	}

	/* slider home*/
	.mobile-slide {
		display: block;
		width: 100%;
		height: 100vh;
	}

	.mobile-slide .image-mobile {
		min-width: 100%;
	    height: 320px;
	    overflow: hidden;
	}

	.mobile-slide .image-mobile img {
		max-width: 100%;
	}

	.mobile-slide .datetitre-mobile {
		width: 100% !important;
		padding: 15px !important;
	}

	.mobile-slide .datetitre-mobile span.date {
		color: #B8BF53;
		font-size: 22px;
		display: block;
		width: 100%;
		padding-bottom: 25px;
		line-height: 120%;
	}

	.mobile-slide .datetitre-mobile span.titre {
		font-size: 22px;
		color: white;
		display: block;
		width: 100%;
		line-height: 120%;
		font-family: 'Muli', sans-serif, Arial;
		font-weight: 200;
		margin-bottom: 15px;
	}

	.mobile-slide .datetitre-mobile span.type a {
		font-size: 16px;
		color: white;
		display: block;
		width: 100%;
		line-height: 120%;
		font-family: 'Muli', sans-serif, Arial;
		font-weight: 200;
		margin-bottom: 15px;
		text-decoration: none;
	}

	.mobile-slide .datetitre-mobile span.musee a {
		font-size: 16px;
		color: #96968F;
		display: block;
		width: 100%;
		line-height: 120%;
		font-family: 'Muli', sans-serif, Arial;
		font-weight: 200;
		background: url(images/pages/musee-de-france-2.png) no-repeat left top;
		padding-left:  24px;
		text-decoration: none;
		margin-bottom: 25px;
		box-sizing: border-box;
	}

	.mobile-slide a.more-link {
		color: #B8BF53;
	    margin: 0;
	    text-decoration: none;
	    font-size: 14px;
	}

	.mobile-slide a.more-link i {
		display: block;
	    float: left;
	    font-size: 24px;
	    line-height: 24px;
	}

	.mobile-slide a.more-link span {
	    display: block;
	    float: left;
	    font-size: 14px;
	    line-height: 24px;
	    margin-left: 6px;
	}

	.mobile-slide .datetitre-mobile {
		padding: 15px;
	}

	.mobile-slide .datetitre-mobile {
		width: 50%;
		padding: 15px 30px;
		float: left;
	}

	#entry-content.home-content .col-right, #entry-content.home-content .col-left {
		width: 100%;
		padding: 15px;
		background: #F5F5F3;
	}

	#entry-content.home-content .col-right {
		/*margin-top: 40px;*/
		margin: 0 !important;
	}

	#entry-content.home-content .pad-home {
		padding: 0;
		float: left;
	}

	#entry-content.home-content .pad-home a {
		display: block;
		float: left;
		width: 100%;
		box-sizing: border-box;
		padding: 0;
	}

	#entry-content.home-content .pad-home a .image {
		width: 91px;
		display: block;
		float: left;
	}

	#entry-content.home-content h2, #entry-content.home-content h2 {
		font-size: 22px;
	}

	#entry-content.home-content .pad-home a .image img {
		max-width: 91px;
    	height: 91px;
	}

	#entry-content.home-content .pad-collections a .content {
		width: calc(100% - 91px);
		display: block;
		float: left;
		padding: 0 0 0 14px
	}

	#entry-content.home-content .pad-collections a p.domaine {
		margin-bottom: 7px;
	}

	#entry-content.home-content .pad-collections a p.musee span.musee-fr {
		margin-top: 10px;
	}

	#home-events a.all-link {
		padding: 15px;
		margin: 0;
		background: white;
	}

	#entry-content.home-content .pad-home a .content {
		display: block;
		width: calc(100% - 91px);
		padding: 0;
		float: left;
		box-sizing: border-box;
		padding-left: 15px;
	}

	#entry-content.home-content {
		background: none;
	}

	#entry-content img{
		max-width: 100%;
		height: auto;
	}

	/* footer */
	#footer-home-top .col-left, #footer-home-top .col-right, #footer-bottom #legal-menu {
		width: 100%;
		box-sizing: border-box;
	}

	#footer-home-top h2 {
		font-size: 20px;
	}

	#footer-home-top .contact-menu .label {
		font-size: 14px;
	}
}

/* Espace pro */
.page-template-my-login-template #entry-content .formulaire {
	text-align: center;
	padding-bottom: 20px;
}
.page-template-my-login-template #entry-content .formulaire .login-username {
	margin-top: 10px;
}
.page-template-my-login-template #entry-content .formulaire input[type=password], .page-template-my-login-template #entry-content .formulaire input[type=email] {
	width: 302px;
	margin-bottom: 10px;
}
.page-template-my-login-template #entry-content .login-form-container.formulaire .login-submit input.submit {
	margin-bottom: 20px;
}
.page-template-my-login-template #entry-content a {
	color: #e62d2b;
	text-decoration: none;
}
.page-template-my-login-template #entry-content a:hover {
	text-decoration: underline;
}

.page-template-forgot-password-template #entry-content .formulaire {
	text-align: center;
	padding-bottom: 20px;
}
.page-template-forgot-password-template #entry-content .formulaire .form-row {
	margin-top: 10px;
}
.page-template-forgot-password-template #entry-content .formulaire input[type=email] {
	width: 302px;
	margin-bottom: 10px;
}
.page-template-forgot-password-template #entry-content .login-form-container.formulaire .lostpassword-submit input.submit {
	margin-bottom: 20px;
}
.page-template-my-dashboard-template #entry-content .wrap .entry.welcome {
	padding-bottom: 0;
	padding-top: 0;
}
.page-template-my-dashboard-template #entry-content .wrap .entry.welcome h2{
color:#000;
}
.page-template-my-dashboard-template .topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.page-template-my-dashboard-template .topbar h1 {
	 margin-bottom: 0 !important;
 }
.page-template-my-dashboard-template .topbar a {
	color: #42423B;
	text-decoration: none;
	font-family: 'Muli', sans-serif;
	font-weight: 300;
}
.page-template-my-dashboard-template .topbar a:hover {
	color: #e62d2b;
}
@media (max-width: 992px) {
	.page-template-my-dashboard-template .topbar {
		flex-direction: column;
	}
}
.btn-dashboard {
	width: 47%;
	display: inline-block;
	background: #e62d2b;
	color: #fff !important;
	text-decoration: none !important;
	text-align: center;
	font-size: 25px;
	font-family: 'Muli', sans-serif;
	padding: 10px 0;
}
.btn-dashboard:hover {
	background: #9a1e1c;
	text-decoration: none !important;
}
.entry-btn {
	display: flex;
	justify-content: space-between;
}
.entry-btn-home .btn-dashboard {
	padding: 20px 0;
}
.entry-doc h3 {
	border-top: 1px solid #b8b8b8;
	margin-top: 40px;
	padding-top: 30px;
	text-transform: uppercase;
	font-size: 25px;
	margin-bottom: 30px;
}
.entry-doc h4 {
	text-transform: uppercase;
	font-size: 15px;
	margin-bottom: 20px;
	font-weight: 700;
}
.entry-doc a {
	color: #000;
	margin-bottom: 20px;
}
.entry-doc a i {
	color: #e62d2b;
}
.entry-doc a:hover {
	color: #e62d2b;
	text-decoration: none;
}
.entry-doc h3:first-of-type {
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}
.login-form-container .login-info {
	font-weight: 700;
}
.login-form-container .login-info.rouge {
	color: #f6000e;
}
.login-form-container .login-info.vert {
	color: #1d3066;
}

/*** EXPO VIRTUELLE ***/
.iframe-wrapper {
	position: relative;
	padding-bottom: 52.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.iframe-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.list-events-virtual {
	margin: 0 16px;
}

.list-events-virtual .list-event-virtual {
	margin: 16px;
	width: 100%;
	background-color: #fcf9f4;
	position: relative;
	transition: background-color .25s ease-in-out;
}

.list-events-virtual .list-event-virtual:hover,
.list-events-virtual .list-event-virtual:focus {
	background-color: #f9f3e9;
}

.list-events-virtual .list-event-virtual .image {
	overflow: hidden;
}

.list-events-virtual .list-event-virtual .image img {
	transform: scale(1);
	transition: transform .25s ease-in-out;
	width: 100%;
	height: 100%;
	display: block;
}

.list-events-virtual .list-event-virtual:hover .image img,
.list-events-virtual .list-event-virtual:focus .image img {
	transform: scale(1.15);
	transition: transform .25s ease-in-out;
}

.list-events-virtual .list-event-virtual .ratio-16-9 {
	max-height: 300px;
	overflow: hidden;
}

@media screen and (min-width: 560px) {
	.list-events-virtual .list-event-virtual {
		margin: 16px;
		width: calc((100% / 2) - 32px);
	}

	.list-events-virtual .list-event-virtual .more-link {
		position: absolute;
		bottom: 20px;
		left: 20px;
	}
}

@media screen and (min-width: 992px) {
	.list-events-virtual .list-event-virtual {
		margin: 16px;
		width: calc((100% / 3) - 32px);
	}
	.list-events-virtual .list-event-virtual .ratio-16-9 {
		max-height: 260px;
		overflow: hidden;
	}
}

.list-events-virtual .facetwp-template {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}

.list-events-virtual .list-event-virtual .ratio-16-9.default {
	box-shadow: inset 0 0 1px red;
}


.list-events-virtual .list-event-virtual .desc {
	padding: 20px;
	padding-bottom: 40px;
	color: #616358;
}

.list-events-virtual .list-event-virtual .desc a {
	text-decoration: none;
	color: #000000;
	transition: color .25s ease-in-out;
}


.list-events-virtual .list-event-virtual .desc a:hover,
.list-events-virtual .list-event-virtual .desc a:focus {
	color: #616358;
}

.list-events-virtual .list-event-virtual .desc .title {
	margin-bottom: 10px;
	font-size: 18px;
}

.list-events-virtual .list-event-virtual .desc .date {
	font-size: 14px;
	display: inline-block;
	margin-bottom: 20px;
}

.list-events-virtual .list-event-virtual .desc .musee-name {
	font-family: 'Muli', sans-serif, Arial;
	font-weight: 200;
	color: #42423B;
	margin-bottom: 7px;
}

.list-events-virtual .list-event-virtual .desc .desc-content {
	margin-bottom: 20px;
}

/** SINGLE EXPO VIRTUELLE **/
#content.page-single .pad.pad-events {
	padding-bottom: 40px;
}

#content.page-event .left-col img {
	display: block;
}
#content.page-event .left-col .swiper-wrapper .swiper-slide {
	height: auto;
}

#content.page-event .left-col .swiper-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

#content.page-single .pad.pad-themes {
	background-color: #fcf9f4;
	position: relative;
	padding-top: 40px;
}

#content.page-single .pad.pad-themes h2 {
	margin-bottom: 24px;
}

#content.page-single .pad.pad-maps h2 {
	margin-bottom: 24px;
	line-height: 1.3;
}

.pad-maps {
	background-color: #f2f2f2;
}

.pad-maps .more-link {
	color: #000000;
}

.pad-maps .more-link:hover,
.pad-maps .more-link:focus {
	color: #42423B;
}

.pad-border + .pad-themes:before {
	content: '';
	position: absolute;
	width: 50%;
	left: 25%;
	top: -1px;
	height: 1px;
	background-color: rgba(244,231,212,0.95);
}

.pad-oeuvres-wrapper {
	width: calc(100% + 16px);
	margin: 0 -8px;
	margin-top: 26px;
	display: flex;
	flex-wrap: wrap;
}

.grid-gallery .grid-item figure img {
	max-width: 100%;
	height: auto;
	display: block;
}

.grid-gallery .grid-item figure {
	position: relative;
}

.grid-gallery .grid-item .iframe-wrapper {
}

@media screen and (min-width: 560px) {
	.grid-gallery .grid-item .iframe-wrapper {
		padding-top: 150px;
		padding-bottom: 0;
	}
}

@media screen and (min-width: 768px) {
	.grid-gallery .grid-item .iframe-wrapper {
		padding-top: 130px;
		padding-bottom: 0;
	}
}

@media screen and (min-width: 992px) {
	.grid-gallery .grid-item .iframe-wrapper {
		padding-top: 100px;
		padding-bottom: 0;
	}
}

.grid-gallery .grid-item:hover figure:after,
.grid-gallery .grid-item:focus figure:after {
	opacity: 1;
	visibility: visible;
}

.grid-gallery .grid-item figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	background: url('images/pages/icon-plus.svg') rgba(0, 0, 0, 0.25);
	background-repeat: no-repeat;
	background-size: 32px;
	background-position: center;
	opacity: 0;
	visibility: hidden;
	transition: all .25s ease-in-out;
}



.grid-item {
	position: relative;
	margin: 0 8px 32px 8px;
	width: 100%;
	color: #000000;
	transition: all .25s ease-in-out;
}

#content .left-col .img-scale figure {
	overflow: hidden;
	margin: 0;
	transition: all .25s ease-in-out;
}

#content .left-col .img-scale img {
	transition: all .25s ease-in-out;
	transform: scale(1)
}

#content .left-col .img-scale:hover img,
#content .left-col .img-scale:focus img {
	transform: scale(1.15)
}


#content .left-col .grid-item img {
	display: block;
	width: 100%;
	object-fit: cover;
	height: auto;
	transition: all .25s ease-in-out;
}

#content .left-col .grid-item figure {
	margin-bottom: 8px;
}

#content.page-single .pad-events.pad-themes .events-all {
	display: inline-block;
	margin-right: 10px;
	color: #e62d2b;
	margin-top: 8px;
}

@media screen and (min-width: 560px) {
	.grid-item {width: calc(50% - 16px); margin-bottom: 16px; }
	#content .left-col .grid-item img {
		width: 100%;
    object-fit: cover;
    height: 150px;
	}
}

@media screen and (min-width: 768px) {
	.grid-item {width: calc(33.333% - 16px); }
	#content .left-col .grid-item img {
		width: 100%;
    object-fit: cover;
    height: 130px;
	}
}

@media screen and (min-width: 992px) {
	.grid-item {
		width: calc(25% - 16px);
	}

	#content .pad-oeuvres-wrapper.grid:not(.grid-gallery) .grid-item {
		width: calc(50% - 16px);
	}

	#content .pad-oeuvres-wrapper.grid:not(.grid-gallery) .grid-item img {
		height: 160px;
	}
	#content .left-col .grid-item img {
		width: 100%;
    object-fit: cover;
    height: 100px;
	}
}

/* BUTTONS */
.mge-btn a, .mge-btn--blue a,
.wp-block-button__link {
	font-family: Arial, sans-serif;
	border: none;
	outline: none;
	min-width: 120px;
	width: auto;
	display: inline-block;
	padding: 1rem 1.5rem;
	cursor: pointer;
	font-size: 1rem;
	line-height: 1.125rem;
	text-transform: uppercase;
	background-color: #24386f;
	margin-bottom: 1rem;
	color: #ffffff !important;
	border-radius: 0;
	transition: all 0.25s ease-in-out;
	text-decoration: none !important;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
}

.mge-btn a:hover, .mge-btn a:focus,
.mge-btn--blue a:hover, .mge-btn--blue a:focus,
.wp-block-button__link:hover, .wp-block-button:focus {
	background-color: #3c4e7f;
}

.mge-btn--red a {
	background-color: #e62d2b;
}
.mge-btn--red a:hover, .mge-btn--red a:focus {
	background-color: #9a1e1c;
}

/* SLIDER */


body .swiper-button-next, body .swiper-button-prev {
	--swiper-navigation-size: 20px;
	border-radius: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	width: 40px;
	height: 40px;
	color: #fff;
}

body .swiper-button-next::after, body .swiper-container-rtl body .swiper-button-prev::after {
	margin-left: 2px;
}

body .swiper-button-prev::after, body .swiper-container-rtl body .swiper-button-next::after {
	margin-right: 2px;
}

#content .pad-content.pad-back a {
	font-size: 14px;
}