html {height:100%;box-sizing:border-box}
*, *:before, *:after {box-sizing:inherit}
body{min-height:100%;position:relative}
.cont1075{width:100%;max-width:1075px;margin:0 auto}
.main_header_img{margin:-119px auto 0;width:100%;max-width:1600px;background-position-x:center;background-size:cover;height:500px}
.main_header_img_small{margin:-119px auto 0;width:100%;background-size:cover;height:210px}
/* home */
#header{width:100%;float:none;height:auto}
body.node-type-home .caption{left:50%;margin-left:-537px}
body.node-type-home #block-rodinheader-header-home{top:0;width:100%;margin:-119px auto 0;max-width:1600px;position:relative;overflow:hidden}

/* end home */

#block-menu-menu-topnav ul li a{color:#717061;font-size:11px;transition:all .4s}

#header #navigation{width:100%;max-width:1075px;margin:0 auto;float: none}
#header .region-header{width:100%;float:none;clear:both;display:inline-block;margin-top:0}
	#header .region-header .menu{width:100%;max-width:1075px;margin:0 auto;float: none}
	#header .region-header .menu li{float:none;display:inline-block;transition:all .4s}
	#header .region-header .menu li.first{margin:0}
	#header .region-header .menu li{padding:3px 26px 3px 16px}
	.dropdown-menu{padding:0}
#block-locale-language .block-title{width:145px;height:27px}
.search-form{margin:3px 0 0}


#logo{display:inline-block;float:none;padding:0;margin:15px 0 5px}

#first_level_menu li.first .dropdown-menu{left:auto}
#first_level_menu li .dropdown-menu{margin:-1px 0 0 -16px;max-width:220px;opacity:0;transition:all .4s}
#first_level_menu li:hover .dropdown-menu{display:inline-block;opacity:1}
#first_level_menu li:hover .dropdown-menu li{width:220px}
.lastM:not(.zh-hans) .dropdown-menu{right:auto}

.caption h3{font-size:40px;line-height:30px;margin:5px 0}
.caption .navigationPerso .personav{transition:all .4s}
.caption .navigationPerso .personav:hover{opacity:.6}

#main{width:100%;max-width:1075px;margin:0 auto;float:none;clear:both}

#home_mav .bx-wrapper a{transition:all .4s;display:inline-block}

.icon_search_responsive{display:none}
.node-type-exposition #block-rodinheader-header-home{width:100%;max-width:1075px;display:block;margin:0 auto -150px;top:186px}
.node-type-exposition.withPicture #main #sidebar-second{position:absolute;right:-1px;margin:82px 0 0 0}
#translucentHeaderBlock .contentBlock{left:0}
#header .copyrightBehaviour{bottom:0;margin:0 auto;width:100%;max-width:1075px;left:0;top:481px}
/* #block-rodinheader-header-home{margin:0} */
.exposition.encours{margin-top:-62px}
.node-type-vue-personnalisee .item_medium{margin:0 0 20px 0; min-height: 260px}
.item_medium{width:calc(50% - 10px)}
.item_medium img, .item_medium_presse img{width:100%}
.item_medium:nth-child(even){margin-right:0}
.item_medium:nth-child(odd){margin-right:20px}
.item_medium img{height:auto;width:100%}
#main #content{width:calc(100% - 313px)}
#main #content.full_width{width:100%;}
#block-search-form #search-block-form #edit-search-block-form--2{padding:0 31px 0 2px}
.pastille{position:absolute;top:125px;right:50%;margin-right:-537px}
.pastille.nolink{cursor:default}

.close_search_responsive{display:none;position:fixed;right:40px;top:20px;z-index:999;}
.close_search_responsive:before{content:"x";font-size:30px;line-height:30px;color:#000;}

.node-type-exposition #main #sidebar-second .info h3.title, .node-type-exposition #main #sidebar-second .infos h3.title{font-size:15px;margin-bottom:5px}
.node-type-exposition #main #sidebar-second .info h4, .node-type-exposition #main #sidebar-second .infos h4{font-size:14px}
.node-type-exposition #main #sidebar-second .info p, .node-type-exposition #main #sidebar-second .infos p{font-size:14px;line-height:16px;}

/*main content*/
#container{
	width:100%
}
.node-type-home #main{
	width:100%;
	max-width:1075px;
	margin:0 auto;
	float: none;
	padding-top: 0;
}
#home_mav{width:100%;margin-top:25px}
#home_mav .rtecenter{margin: 40px 0!important}
#home_mav_textblocks{width:100%}

#home_mav .bx-wrapper a.bx-next{right:-19px;}

hr{background:#aca79d;color:#aca79d}
.lastminut{
	color:#383728;
}
#home_mav_blocks .item{width:25%}
#home_mav_blocks .visuel{width:100%;position:relative}
#home_mav_blocks .visuel .hover{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);opacity:0;transition:all .4s}
#home_mav_blocks .visuel .hover:before{content:"+";color:rgba(255, 255, 255, 0.8);font-size:40px;position:absolute;left:calc(50% - 20px);top:calc(50% - 20px);border:2px solid rgba(255, 255, 255, 0.8);border-radius:100%;width:40px;height:40px;text-align:center;line-height:40px}
#home_mav_blocks .visuel:hover .hover{opacity:1}
#home_mav .lastminut hr{width:100%;max-width:1300px;margin:0 auto}
#home_mav_textblocks .grey-box{width:calc(25% - 6px)}
#home_mav_textblocks .grey-box a{padding:30px 15px 5px;display:inline-block}
#home_mav_textblocks .grey-box h1{margin:0;line-height:18px}
#home_mav_textblocks .grey-box .links{margin:0;padding:0}
#home_mav_blocks .item h1{margin:0 0 8px;letter-spacing:.5px}
.exposition.encours .fiche #breadcrumb{display:none}
.exposition.encours .fiche{position: relative;padding:30px 15px 15px 15px;margin: 0}
.exposition.encours .fiche:before{content:"";position: absolute;width:100%;height:300px;top:1px;left:0;box-shadow: 0px 0 15px #999;z-index:-1;}
.exposition.encours{margin-right: 25px}
.exposition.horslesmurs .fiche:before{content:"";position:absolute;width:100%;height:300px;top:1px;left:0;box-shadow: 0px 0 15px #999;z-index:-1;}
.sidebar-third #main #content{width: calc(100% - 397px);background-color:#fff;padding:0;margin-top:-31px}
.sidebar-third #main #content:nth-child(odd){margin-right:37px}
.sidebar-third #main .horslesmurs .fiche{background:none;left:0;padding:24px 17px;margin-top:0}
.node-type-exposition #main #sidebar-third{width:100%;max-width:360px;margin:31px 0 0 0}

#block_autopub .buyticket{font-family:"WF-011580-002038-000398","Irma Regular 2", "Irma Regular", "Irma-Regular", Helvetica, Verdana, Arial, sans-serif;width:100%;padding:13px 13px 13px 28px;font-size:15px;color:#fff;text-transform:uppercase;background:#500000;box-sizing:border-box;display:inline-block;letter-spacing:.5px;margin-top:5px;border:2px solid #500000;transition:all .4s}
#block_autopub .buyticket:before{content:">";position:absolute;margin-left:-15px}
#block_autopub .buyticket:hover{background:#fff;color:#500000}
#pageSimple h4{margin-bottom:5px}
.custom-view-slider .slide{z-index:0!important}
/*end main content*/

/** ACTUALITES VUE **/
.actu{width:100%;clear:both;margin-bottom:30px;padding-bottom:30px;overflow:hidden;border-bottom:1px solid #d5d0c1}
.actu:last-child{border-bottom:none}
.actu .columnRight{float:left;width:395px}
.actu .columnRight a{width:100%;position:relative;display:inline-block}
.actu .columnRight a .hover{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);opacity:0;transition:all .4s}
.actu .columnRight a .hover:before{content:"+";color:rgba(255, 255, 255, 0.8);font-size:40px;position:absolute;left:calc(50% - 20px);top:calc(50% - 20px);border:2px solid rgba(255, 255, 255, 0.8);border-radius:100%;width:40px;height:40px;text-align:center;line-height:40px}
.actu .columnRight a:hover .hover{opacity:1}
.actu .columnRight a img{width:100%;height:auto;float:left}
.actu .columnLeft{width:calc(100% - 435px);float:left;margin:0 40px 0 0}
.actu p.lieu{font-family:Arial;font-weight:bold;font-size:14px;color:#383728;text-transform:uppercase}
.actu h3, .actu h3 a{font-size:21px;color: #383728;font-family:"WF-011580-002038-000401", "Irma Bold 2", "Irma Bold", Irma-Bold, "Helvetica Bold", "Verdana Bold", "Arial Bold", sans-serif;line-height:24px;margin-bottom:16px;transition:all .4s}
.actu h3:hover, .actu h3 a:hover{color:#cc0000}
.actu h4{font-family:"Arial";font-size:14px;color:#cc0000}
.actu .moreBlock a{font-size:11px;text-transform:uppercase;color:#383728;text-decoration:none;transition:all .4s}
.actu .moreBlock a:hover{color:#cc0000}
.actu .moreBlock a .link_arrow{font-size:14px}
#actu_choice{float:right;position:relative}
#actu_choice li{display:inline;margin:0 0 0 7px}
#actu_choice li a{font-size:14px;color:#fff;background: #a6a698;padding:7px 10px;font-family:"WF-011580-002038-000398","Irma Regular 2","Irma Regular",Irma-Regular,Helvetica,Verdana,Arial,sans-serif;cursor:pointer;transition:all .4s;display:inline-block}
#actu_choice li a.active{background:#645e54;cursor:default}
#actu_choice li a:hover{background:#645e54}

.pager{float:none}
.item-list .pager .first{margin:0}
#expo-right-block .infos{background:none}
#expo-right-block h3{background:#edece6;padding:10px 20px 0;margin-bottom: -5px!important}
#expo-right-block h4{background:#edece6;padding:15px 20px 0}
#expo-right-block p{background:#edece6;padding:3px 20px 15px;margin-bottom:10px}
/** FIN ACTU **/
.page-agenda .item_medium .right_part{padding:20px 10px 10px}

/*footer*/
#footer{
	margin: 0 auto;
	width:100%;
	float:none;
	background: #898173
}
#footer_first{
	float:none;
	margin:0 auto;
	width:100%;
	max-width:1075px;
}
.footer_reseaux{
	width:100%;
	text-align:center;
	margin:0 auto;
	padding:15px 0 0 0;
}
.footer_reseaux li{
	display:inline-block;
	list-style:none;
	margin:0 7.5px;
}
.footer_reseaux li a{display:inline-block;padding:0px 0px 0px 4px;border-radius:4px;background:#fff;transition:all .4s}
.footer_reseaux li a:before{color:#898173;font-size:16px;transition:all .4s}
.footer_reseaux li a:hover{background:#898173}
.footer_reseaux li a:hover:before{color:#fff}
.footer_reseaux li a.facebook:before{font-family:"fontello";content:"\e801"}
.footer_reseaux li a.twitter:before{font-family:"fontello";content:"\e805"}
.footer_reseaux li a.instagram:before{font-family:"fontello";content:"\e802"}
.footer_reseaux li a.youtube:before{font-family:"fontello";content:"\e806"}
.footer_reseaux li a.dailymotion:before{font-family:"fontello";content:"\e800"}
.footer_reseaux li a.pinterest:before{font-family:"fontello";content:"\e803"}
.footer_reseaux li a.rss:before{font-family:"fontello";content:"\e804"}
span.ext{display:none}
/*end footer*/

.go_top{position: fixed;bottom:100px;right:50px;width:60px;height:60px;background:#c4c0b9 url("../images/go_top.png") center no-repeat;border-radius:100%;transition:all .4s;box-shadow:1px 1px 4px #b7b7b8;cursor:pointer;display:none}
.go_top:hover{background-color:#898173}

/*.menu-block-wrapper .menu-block-2 .menu-name-menu-footer-reseaux .parent-mlid-0 .menu-level-1 ul li{display: inline;}*/


.main,
.main h1{
	margin-bottom:20px;
}
.arrows_anim_block{position:absolute;width:100%;height:100%;max-height:880px;top:25px;left:0}
@media(max-width:800px){
	.arrows_anim_block{max-height:400px}
}
@media(max-width:480px){
	.arrows_anim_block{display:none}
}
.arrow {
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 85%;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  cursor:pointer;
  width: 50px;
  height: 30px;
}

.arrow-first {
  -webkit-animation: arrow-movement 2s ease-in-out infinite;
          animation: arrow-movement 2s ease-in-out infinite;
}

.arrow-second {
  -webkit-animation: arrow-movement 2s 1s ease-in-out infinite;
          animation: arrow-movement 2s 1s ease-in-out infinite;
}

.arrow:before,
.arrow:after {
  background: #fff;
  content: '';
  display: block;
  height: 3px;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
}

.arrow:before {
  -webkit-transform: rotate(45deg) translateX(-23%);
          transform: rotate(45deg) translateX(-23%);
  -webkit-transform-origin: top left;
          transform-origin: top left;
}

.arrow:after {
  -webkit-transform: rotate(-45deg) translateX(23%);
          transform: rotate(-45deg) translateX(23%);
  -webkit-transform-origin: top right;
          transform-origin: top right;
}

@-webkit-keyframes arrow-movement {
  0% {
    opacity: 0;
    top: 80%;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes arrow-movement {
  0% {
    opacity: 0;
    top: 80%;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}