*{
  box-sizing:border-box;
}

body{
  min-width:250px;
  font-size: 15px;
  background:#fff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  text-align:left;
  overflow-x: hidden;
}

.frame{
  width:100%;
  outline: 7px solid #000;
  outline-offset: -25px;
  position: relative;
}

.nc > a{
  cursor:default;
}

iframe{
  max-width: 100%;
  border:0;
}

.mejs-audio{
	margin-bottom:15px;
}

strong{
  font-weight: 600;
}

img:not(.lb-image){
  max-width: 100% !important;
  height:auto !important;
  max-height: 700px;
  width:auto;
}

/*.lb-container img{
  max-width: unset !important;
  max-height: unset !important;

  width:unset !important;
  height:unset !important;
}*/


.half{
  width: 44%;
  margin: 3%;
  float: left;
  text-align: center;
}

.half:nth-child(2n){
  clear:both;
}

img.aligncenter{
  display: block;
  margin:auto;

-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

img.wp-post-image{
  max-width: 100%;
  height:auto;
}

.musees p, .presse p{
  text-align: center;
}

.chefs_doeuvre div{
  float:left;
  width:23%;
  margin:10px 1% 10px 1%;
}

.logo{
  width: 305px !important;
  display: block;
  margin:auto;
  margin-top:50px;
  margin-bottom: 5px;
  opacity:1;

  transition:All 1.6s ease;
  -webkit-transition:All 1.6s ease;
  -moz-transition:All 1.6s ease;
  -o-transition:All 1.6s ease;
}

.logo:hover{
  opacity:0.1;
}

.wrapper{
  width:1200px;
  margin:auto;
}

.wrapper.fp-content{
  width:900px;
  margin:auto;
}

.content h1{
  font-size: 22px;
  color: #000;
  text-align: center;
  border-bottom: 10px solid #ddd;
  margin-top: 20px;
  text-transform: uppercase;
  font-weight: 600;
  margin-left: -20px;
  padding-left: 20px;
  margin-bottom: 20px;
}

.header h1{
  font-size: 13px;
  letter-spacing: 1px;
  text-align: center;
  color:#666;
  font-weight: 400;
  margin-bottom: 50px;
  margin-top: 10px;
}

h2{
  display: inline-block;
  font-size: 22px;
  color: #000;
  text-align: left;
  border-bottom: 10px solid #ddd;
  margin-top: 20px;
  text-transform: uppercase;
  font-weight: 600;
  margin-left: -20px;
  padding-left: 20px;
  margin-bottom: 20px;
}

h2:before{
  content:'';
  display: block;
  height:30px;
}

h2:after{
  content: '';
  display: block;
  margin-left: -20px;
  position: relative;
  margin-top: -10px;
  width: 100px;
}

h1+h2{
  margin-top:-40px;
}

h2+h3{
  margin-top:0;
}

h3{
  font-size: 16px;
  padding-bottom: 20px;
  margin-top:60px;
  font-weight: 600;
}

.sp-easy-accordion h3{
  padding-bottom: 0;
}

p{
  margin-bottom: 20px;
  text-align: left;
  color:#111;
}

p.signature{
  font-style: italic;
  font-size: 14px;
  text-align: right;
}

.event-soon{
  border-bottom: 1px solid #000;
}

.event-soon h3{
  margin-top: 20px;
}

.content ul {
  margin-bottom: 30px;
}

.content ul li{
  margin-bottom: 8px;
  text-align: left;
  color:#111;
  /*font-size: 18px;*/
}

.content ul li::before{
  content:'• ';
  font-weight: 600;
  color:#000;
  /*margin-left:10px;*/
}

p.date{
  text-align: right;
  font-size: 13px;
  margin-top: -15px;
  margin-bottom: 20px;
}

.bouton{
  font-size: 16px;
  background: #000;
  text-transform: uppercase;
  display: block;
  text-align: center;
  float:right;
  margin-top:15px;
  font-weight: 600;
  margin-right: 10px;
}

.bouton-reserver{
  position: absolute;
}

.bouton a{
  display: block;
  color:#fff;
  padding:5px 20px;
  transition:All 0.2s ease;
  -webkit-transition:All 0.2s ease;
  -moz-transition:All 0.2s ease;
  -o-transition:All 0.2s ease;
  text-decoration: none !important;
}

.bouton a:hover{
  padding:5px 40px;
}

.content .bouton{
  width:100%;
  height:50px;
  line-height: 43px;
  font-size: 20px;
  margin-right: 0;
}

.content .bouton a{
  width:100%;
  color:#fff !important;

  transition:All 0.2s ease;
  -webkit-transition:All 0.2s ease;
  -moz-transition:All 0.2s ease;
  -o-transition:All 0.2s ease;

}

.content .bouton a:hover{
  padding:5px 20px;
  letter-spacing: 1px;
}

.content{
  padding-top:50px;
  min-height: 600px;
}

.homeContent{
  border:0;
  padding:0;
}

.content a{
   color: #000;
   font-weight: bold;
  text-decoration: underline;
}

.content a:hover {
	color:#000;
  text-decoration: none;
}

div.center{
  width:80%;
  margin:auto;
}

div.left{
  width:66%;
  float:left;
}

div.right{
  width:66%;
  float:right;
}

em{
  font-style: italic;
}

.header{
  width:100%;
  text-align: left;
  background:#fff;
  padding:10px;
}

.header p{
  font-size: 15px;
  text-align: center;
  color:#fff;
}

.social{
  position: fixed;
  right:20px;
  top:10px;
}

.social p{
  text-transform: uppercase;
  font-size: 12px;
}

.menu {
  position: relative;
  width: 100%;
  min-height: 30px;
}

.menu:after {
	content:'';
	display: block;
	width:100%;
	height:16px;
	background:#ddd;
	margin-top:-20px;
}

.menu #nav-main{
  margin:auto;
  float:none;
}

.menu ul {
  text-align: center;
  position: relative;
}

.menu ul li {
  font-weight: 600;
  display: inline-block;
  font-size: 15px;
  margin-left: 15px;
  margin-right:15px;
  text-transform: uppercase;
  line-height: 30px;
  padding-top:15px;
  margin-top:-15px;
  position: relative;
  background-position:bottom center;
  transition:background-position 0.1s ease;
  -webkit-transition:background-position 0.1s ease;
  -moz-transition:background-position 0.1s ease;
  -o-transition:background-position 0.1s ease;
}

.menu ul li a:before{
}

.menu ul li:first-child {
  margin-left: 0;
}
.menu ul li:last-child {
  margin-right: 0;
}

.menu ul li.current-menu-item a, .menu ul li.current-menu-parent a {
  /*color: #ddd;*/
  /*border-bottom:5px solid #000;*/
  margin-bottom:0;
  padding-bottom:0;
  border-bottom:5px solid #000;
}
.menu ul li a {
  display: block;
  text-align: center;
  color:#000;
  border-bottom:5px solid transparent;

  transition:All 0.2s ease;
  -webkit-transition:All 0.2s ease;
  -moz-transition:All 0.2s ease;
  -o-transition:All 0.2s ease;
  margin-bottom:-5px;
  padding-bottom:5px;
}

ul.main-menu>li>a:hover {
  color: #ddd;
  border-bottom:5px solid #000;
  margin-bottom:0;
  padding-bottom:0;
}

.menu ul li ul li a:hover {
  border-bottom:0;
}

.menu ul li ul.sub-menu{
  display: none;
  position: absolute;
  /*border-top:5px solid #000;*/
  /*border-bottom:5px solid #ddd;*/
  z-index: 999999999999;
  min-width: 260px;
  /*left:-50%;*/
}

.menu ul li ul.sub-menu li{
  width:100%;
  margin:0;
  font-size: 12px;
  text-align: left;
  padding:0;
  line-height: 17px;
}

.menu ul li ul.sub-menu li a{
  background:#eee;
  color:#000;
  margin:0;
  border-bottom:0;
  text-align: left;
  padding-top:10px;
  padding-bottom:10px;
  padding-right:15px;
  padding-left:15px;
}

.menu ul li ul.sub-menu li.current-menu-item a{
  background:#000;
  color:#fff;
}

.menu ul li ul.sub-menu li a:hover{
  background:#000;
  color:#fff;
}


.menu ul li:hover ul.sub-menu{
  display: block;
}

/* Nav ------------------------------ */

#nav-trigger {
  display: none;
  text-align: center;
}

#nav-trigger span {
  cursor: pointer;
  /*background: #fff;*/
  color: #353535;
  display: block;
  height: 30px;
  line-height: 30px;
  margin: auto;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
}

#nav-trigger span.open {
  background: #ddd;
  color: #fff;
}

#nav-trigger span:after {
  display: inline-block;
  content: "";
}

nav#nav-main ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

nav#nav-mobile {
  position: relative;
  display: none;
}

nav#nav-mobile ul {
  display: none;
  list-style-type: none;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

nav#nav-mobile ul.expanded {
  margin-bottom: 20px;
}

nav#nav-mobile li {
  display: block;
}

nav#nav-mobile a {
  display: block;
}

.event{
  clear:both;
  padding-bottom:80px;
}

.event h2{
  margintop: 0;
}

.event img{
  max-width: 600px;
  max-height: 500px;
  max-width: 50% !important;
}

.n2-ss-slide{
  min-height: 400px;
  width:100%;
  background: transparent;
}

.slider{
	margin-top:60px;
	margin-bottom: 160px;
  max-width: 90%;
  margin:auto;
  padding-top: 50px;
  padding-bottom: 120px;
}

.slider:before{
  content: '';
  background: #ddd;
  width: 280px;
  height: 370px;
  float: left;
  margin-bottom: -450px;
  margin-left: -190px;
  border-top: 50px solid #fff;
}

.slider:after{
	content:'';
	background:#ddd;
  width: 280px;
  height: 370px;
	float:right;
	margin-right:-190px;
	margin-top:-230px;
}

img.alignright{
  float:right;
  margin-left:20px;
  clear: both;

-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

img.alignleft{
  float:left;
  margin-right:20px;
  clear: both;

-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

.third{
  float:left;
  width:30.3%;
  margin:50px 1.5%;
}

.third h2{
  display: block;
  text-align: center;
}

.quarter{
  float:left;
  width:22%;
  margin:50px 1.5%;
}

.quarter h2{
  display: block;
  text-align: center;
}

table tr td{
  padding:10px;
  vertical-align: top;
  margin-bottom: 10px;
}

.main{
  float:left;
  width:62%;
  margin: 50px 2%;
}

.lefty, .righty{
  float:left;
  width:46%;
  margin: 50px 2%;
}

.side{
  float:left;
  width:29%;
  margin: 50px 2%;
}

.side h3{
  margin-top:0;
}

.visites h3, .jeune_public h3{
  padding-top:20px;
  margin-bottom: 0;
}

.side img{
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.archives img{
  float:left;
  padding-right: 8px;
  padding-bottom: 15px;
  width:100px !important;
  height:100px !important;
}

.visites img{
  /*max-height: 200px;*/
}

.footer{
  bottom:0;
  min-height: 300px;
  width:100%;
  padding:15px 0;
  box-sizing:border-box;
  background: #000;
  margin-top: 60px;
}

.footer *{
  color:#fff !important;
}

.footer p{
  font-size: 12px;
  text-align: left;
  margin-bottom:0;
  margin-bottom: 10px;
}

.footer img.logo{
  margin-top: 20px;
  max-width: 90% !important;
}

.footer h2{
  margin-top: 0;
  border-bottom: none;
  text-align: left;
  font-size: 20px;
}

.footer h2{
  margin-top: 20px;
  border-bottom: 2px solid #fff;
  text-align: left;
  font-size: 16px;
  text-transform: none;
  margin-left: 0;
  padding-left: 0;
}

.footer h2:before, .footer h2:after{
  width:0px;
  height:0px;
}

.footer h2:after{
  margin-top:10px;
}

.fb_iframe_widget{
  /*margin-top: 20px;*/
}

.actu{
  border-bottom: 50px solid #eee;
}

a.article-precedent{
  display: block;
  float:left;
  width:40%;
  text-align: center;
  margin-top:50px;
}

a.article-suivant{
  display: block;
  float:right;
  width:40%;
  text-align: center;
  margin-top:50px;
}

span.icone{
  font-size: 80%;
  color:#aaa;
}

.highlights{
  background:#ddd;
  text-align: center;
  padding:30px 0;
  margin-top: 60px;
}

.highlights *{
  text-align: center;
}

.highlights h2{
  border-bottom: 10px solid #ccc;
  text-align: center;
}

.musees, .presse{
	text-align: center;
	margin-top:80px;
	margin-bottom:80px;
}

.bloc {
  /*opacity: 0;*/
  transition:All 1s ease;
  -webkit-transition:All 1s ease;
  -moz-transition:All 1s ease;
  -o-transition:All 1s ease;
  width:30%;
  margin-left: 1.5%;
  margin-right: 1.5%;
  float:left;
}

.bloc .blocGauche img{
  margin-left: -400px;
  margin-right: 0;
  transition:All 1s ease;
  -webkit-transition:All 1s ease;
  -moz-transition:All 1s ease;
  -o-transition:All 1s ease;
}

.bloc .blocDroite img{
  margin-right: -400px;
  margin-left: 0;
  transition:All 1s ease;
  -webkit-transition:All 1s ease;
  -moz-transition:All 1s ease;
  -o-transition:All 1s ease;
}

.bloc.animated .blocGauche img,.bloc.animated .blocDroite img{
  margin-left: 0;
  margin-right: 0;
}

.bloc.animated{
  opacity:1;
}

.img-co{
  transition:All 0.4s ease;
  -webkit-transition:All 0.4s ease;
  -moz-transition:All 0.4s ease;
  -o-transition:All 0.4s ease;
}

.img-co:hover{
  opacity:0.6;
}

.link-podcast{
  width: 46%;
  margin: 0 2%;
  float: left;
  min-height: 250px;
}

.link-podcast h2{
  text-align: center;
  display: block;
  margin: auto;
  margin-bottom: 30px;
  padding-left: 0;
}

.link-podcast p{
  text-align: center;
}

.contact iframe{
  width:100% !important;
}

div.form{
  max-width: 500px;
  margin:auto;
}

fieldset{
  max-width:100%;
}

input{
  background:#eee;
  border:0;
  margin-bottom:10px;
  clear:both;
  float:left;
  width:100%;
  text-transform:none;
  padding:7px;
  box-sizing:border-box;
}

label{
  font-size:18px;
  color:#929292;
  clear:both;
  display:block;
  text-align:left;
}

select{
  background:#eee;
  border:0;
  margin-bottom:10px;
  width:100%;
  padding:7px;
}

textarea{
  background:#eee;
  border:0;
  margin-bottom:10px;
  clear:both;
  float:left;
  width:100%;
  text-transform:none;
  padding:7px;
  box-sizing:border-box;
}

input[type="submit"]{
  background-color:#000;
  color:#ddd;
  padding:7px;
  cursor:pointer;
  width:100%;
  text-align:center;
  border:0;
  transition:All 0.1s ease;
  -webkit-transition:All 0.2s ease;
  -moz-transition:All 0.2s ease;
  -o-transition:All 0.2s ease;
  text-transform: uppercase;
  font-weight: 600;
}

input[type="submit"]:hover{
  /*background-color:#ddd;*/
  /*color:#000;*/
  letter-spacing: 4px;
}

div.wpcf7-response-output{
  border:0 !important;
  background-color:#000 !important;
  color:#fff !important;
  padding:20px;
  text-align: center;
}

.wp-embed-footer{
  display: none !important;
}

.wp-embed-site-title{
  display: none !important;
}

.wp-embed-site-icon{
  display: none !important;
}

/* SELECTION */

*::selection {
  background:#000;
  color:#fff;
}

*::-moz-selection {
  background:#000;
  color:#fff;
}

*::-webkit-selection {
  background:#000;
  color:#fff;
}

@media handheld, only screen and (max-width: 1530px) {
  /*.slider{
    max-width: 78%;
  }*/

/*  .wrapper{
    width: 78%;
  }*/

  .slider:before{
    height:315px;
    width:240px;
  }

  .slider:after{
    height:315px;
    width:240px;
    margin-top:-200px;
  }

  .wrapper{
    width:1050px;
  }

  .lefty, .righty {
      float: left;
      width: 45%;
      margin: 50px 2.5%;
  }

  .video-presentation{
    margin-top:65px;
  }

}

@media handheld, only screen and (max-width: 1300px) {
  .wrapper {
    width: 85%;
  }
}

@media handheld, only screen and (max-width: 1240px) {
  .menu {
    position: relative;
    margin-top: 0;
    width:100%;
    height: auto;
  }
  .menu ul li{
    line-height: 30px;
  }
  .menu ul li a{
    height: auto;
  }

  .logo{
    float:none;
  }

}

@media handheld, only screen and (max-width: 1100px) {
  .wrapper {
    width: 88%;
  }
}

@media handheld, only screen and (max-width: 960px) {
  .main,.side,.lefty,.righty{
    width:96%;
  }

  .quarter{
    width:46%;
  }

  .quarter:nth-child(2n+1){
    clear:both;
  }

  .wrapper.fp-content{
    width:85%;
    margin:auto;
  }

}

@media handheld, only screen and (max-width: 890px) {
  div.left, div.right, div.center{
    width:100%;
  }


  .half{
    width: 100%;
    margin: 0;
    clear: both;
  }

}

@media handheld, only screen and (max-width: 860px) {
  .slider:before, .slider:after{
    display: none;
  }

  .slider{
    padding-bottom: 0;
    max-width:100%;
  }
}

@media handheld, only screen and (max-width: 820px) {

  .quarter{
    width:96%;
  }

  .quarter *{
    text-align: center !important;
  }

  .quarter h2+p{
    margin-top: 20px;
  }

  h1{
    /*padding-top:40px;*/
  }
  .bloc{
    width:94%;
    margin:auto;
    float:none;
  }
  h2{
    display: block;
    /*margin:0;*/
    padding:0;
    margin-left:0;
  }

  #nav-trigger {
    display: block;
  }
  nav#nav-main {
    display: none;
  }
  nav#nav-mobile {
    display: block;
    background: #fff;
  }
  .menu {
    width: 100%;
    padding-top: 10px;
    position: relative;
  }
  .menu ul {
    position: relative;
    border-top: 0;
  }
  .menu ul li {
    width: 100%;
    position: relative;
    margin-left: 0;
    text-align: center;
    margin-top: 0;
  }
  .menu ul li a {
    text-align: center;
    background: #fff;
    color: #333;
  }
  .menu ul li a:hover {
    background: #ddd;
    color: #fff;
  }
  .menu ul li.current-menu-item a{
    background: #eee;
    color: #ddd;
  }

  .menu ul li ul li{
    text-align: center;
  }

  .menu ul li ul.sub-menu li a{
    text-align: center;
  }

  .menu ul li:hover ul.sub-menu{
    display: block !important;
    position: relative;
  }

  nav#nav-mobile ul {
    /*display: block;*/
    /*position: relative;*/
  }

  .menu ul li ul.sub-menu{
    position: relative;
    width:100%;
    display: block;
  }


	.menu ul li.current-menu-parent ul.sub-menu{
		display: block !important;
	}

  .n2-ss-slide{
    outline: 0;
  }

}

@media handheld, only screen and (max-width: 750px) {
  .wrapper {
    width: 85%;
  }

  img.alignright{
    float:none;
    margin:auto;
    display: block;
    margin-top:20px;
    margin-bottom:20px;
  }

  .link-podcast{
    width: 96%;
  }
}

@media handheld, only screen and (max-width: 530px) {

	.frame{
		outline:4px solid #000;
		outline-offset: -10px;
	}

	img.logo{
		width: 85% !important;
	}

  img.alignleft, img.alignright{
    width: 85% !important;
    margin:auto;
    display: block;
    float:none;
    position: relative;
    margin-top:10px;
    margin-bottom:10px;
  }

  img.aligncenter{
    width: 100% !important;
    margin:auto;
    display: block;
    float:none;
    position: relative;
    margin-top:10px;
    margin-bottom:10px;
  }

  .menu ul.main-menu{
    width:100%;
    float:none;
    margin:0;
    text-align: center;
  }

  .menu ul.main-menu li{
    width:100%;
    text-align: center;
    margin:0;
  }

  .menu ul.main-menu li a{
    margin:0;
    text-align: center;
  }

  .menu ul.main-menu li.current-menu-item a, a:hover{
    text-align: center;
  }

  .menu ul.main-menu li ul{
    width:100%;
  }

  .menu ul.main-menu li ul li a{
  }

  .menu ul.main-menu li ul li a:hover{
  }

  .menu ul.main-menu li :hover ul{
  }

  .menu ul.main-menu li :hover ul li a{
    margin-top:-4px;
  }

  .menu .wrapper{
    width:100%;
  }

  .menu #nav-trigger span{
    clear:both;
  }

  #nav-trigger {
      display: block;
    }

  nav#nav-main {
      display: none;
  }

  nav#nav-mobile {
      display: block;
    clear:both;
    }

  nav#nav-mobile ul.expanded{
    clear:both;
    margin-bottom:0;
  }
  
  nav#nav-mobile li:hover ul {
    display: block;
  }

  .footer .texte-footer p{
    text-align: center;
  }

}
/*
     FILE ARCHIVED ON 19:32:24 Sep 08, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 05:06:23 Jul 27, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 3.863
  exclusion.robots: 1.839
  exclusion.robots.policy: 0.11
  esindex: 0.021
  cdx.remote: 12.486
  LoadShardBlock: 367.315 (3)
  PetaboxLoader3.datanode: 237.586 (5)
  PetaboxLoader3.resolve: 327.22 (2)
  load_resource: 269.969
  loaddict: 117.665
*/