/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
@media (max-width: 1200px) {
	.footer_social{max-width:100%;padding:0 20px}
	#footer #megaBan{margin:0 40px}
	#footer #megaBan li:first-child, #footer #megaBan li:nth-child(5){margin:0 10px 10px 0}
	.social-timeline{padding:40px 20px}
	.node-type-exposition .diaponarama_color .w1250{max-width: 100%}
	.node-type-exposition .diaponarama_color .bx-wrapper .bx-prev{left:-50px}
	.node-type-exposition .diaponarama_color .bx-wrapper .bx-next{right:-50px}
	.node-type-exposition #header{padding:10px 0 0}
	.mainG{padding:0 20px}
}
@media (max-width: 533px) {
	#mainGalerieBis .item:not(.firstItem) {
		width: 100%!important;
		float: none;
		margin-right: 0!important;
	}
	.press_block .picture, .press_block .content_right {
		display: block;
		float: none!important;
		padding: 10px;
		margin: 0!important;
	}
	.press_block .picture {
		text-align: center;
	}
	.partner_block .content .picture {
		width: 100%;
		clear: both;
		margin-left: 0;
		margin-right: 0;
	}
	.partner_block .content .content_right {
		top: 0;
	}
	#block-views-35598ef0ca29714cad397fb7a15afa8d .picture {
		display: none;
	}
	#block-views-35598ef0ca29714cad397fb7a15afa8d  h2 {
		margin: 0 0 15px 0;
		line-height: 30px;
	}
	#block-views-hotels-liste-block-liste-hotels .little_block, #block-views-hotels-liste-block-liste-hotels .little_block.last {
		width: 100%;
	}
	#receptionsMiniBlocs a {
		margin: 0 5px 15px 0 !important;
	}
	#receptionSousHomeContainer .blockRecepion {
		margin-bottom: 10px !important;
	}
	#receptionSousHomeContainer .blockRecepion, #receptionSousHomeContainer .blockRecepion img {
		width: 100% !important;
		height: auto !important;
	}
	#sites-CE #light-box-sites .sites {
		width: 220px !important;
		margin: 0 auto;
	}
}
@media (max-width: 978px) {
	#sites-CE #light-box-sites .sites {
		width: 750px;
		margin: 0 auto;
	}
	#sites-CE #light-box-sites .sites .site.last {
		margin-right: 30px;
	}
	#sites-CE #light-box-sites .sites .clear {
		clear: none;
	}
}
@media (max-width: 767px) {
	body.node-type-sous-home #main{
		width:auto;
		float:none;
	}
	#header #block-mtlfirstlevelnav-nav-first-level, #megaBan, #block-mtlmegaban-megaban.block .content, .backgrounds .background, #wrapper, 
	.footer, .top-footer-container, body.node-type-home #header #block-block-23, body.node-type-home #header #block-block-53, 
	body.node-type-home #header #block-block-64, body.node-type-home #header #block-block-1, body.node-type-home #header #block-block-68,
	body.node-type-home #header #block-block-59, body.node-type-home #header #block-block-63, #header #block-block-23, #header #block-block-53,
	#header #block-block-64, #header #block-block-1, #header #block-block-68, #header #block-block-59, #header #block-block-63,
	body.no-sidebars .mainG_home, body.sidebar-second #main, .medium_block .picture img, .breadcrumb, #top-footer .socialsFollow,
	#top-footer .newsBan, #homeCont, .node-type-oeuvre .mainG, .node-type-oeuvre .mainG .blockOeuvre, #sites-CE #light-box-sites, .coupure_presse, .pagination-presse {
		width: 100%;
	}
	#main .title_block h2,
	#block-views-location-espaces-block-1 .content h2, 
	#main .content_block h2{
		font-size: 20px;
	}
	#top-footer .newsBan {
		padding-left:0;
	}
	#header #block-mtlfirstlevelnav-nav-first-level .billeterie {
		right: 0;
		padding: 10px 10px 10px 5px;
	}
	#header #block-mtlfirstlevelnav-nav-first-level .billeterie:after {
		border-width: 0;
	} 
	#megaBan{
		margin: 0;
	}
	.content .enteteTl_Ss h1, .block h1 {
		font-size: 27px;
		line-height: 25px;
	}
	#block-views-35598ef0ca29714cad397fb7a15afa8d {
		margin: 0!important;
	}
	.pp_default, .ppt, .pp_content, .pp_details { max-width: 100%!important;   height: auto!important; }
	#pp_full_res img { height: auto!important; }
	.pp_content_container {padding-bottom: 80px!important;}
	body.sidebar-second.page-node-728 #sidebar-second, body.sidebar-second.page-node-105 #sidebar-second, body.node-type-sous-home-reception #sidebar-second,
	body.node-type-reception #sidebar-second{
		display: block!important;
		float: none;
		clear: both;
		margin-left: 10px;
	}
	body.node-type-reception #sidebar-second, body.node-type-sous-home-reception #sidebar-second {
		width: 100%!important;
	}
	#mainCollection .pieces .piece, #mainCollection .pieces .piece.last {
		display: block;
		width: 100%;
	}
	.form_insc div {
		width: auto;
	}
	.footer .menu{
		margin-bottom: 10px;
	}
	#header #site-name-slogan #site-name a {
		font-size: 31px;
	}
	#header #site-name {
		font-size: 2em;
		float: none;
	}
	.home .large_block {
		margin: 0;
	}
	.home .large_block .sliderResponsive {
		margin-bottom: 10px;
	}
	body .content_block.galerie {
		width: 100%!important;
	}
	#mainGalerieBis .firstItem {
		margin-right: 0;
		width: 100%;
		float: none!important;
	}
	#mainGalerieBis .item:not(.firstItem){
		width: 49%;
		margin-right: 5px!important;
	}
	#block-views-d0600f359c469787a0717f315a4687aa ul li {
		margin-right: 0!important;
	}
	#faq .faq_rubriques2 {
		margin: 0 0px 10px 10px;
	}
	.node-type-dossiers-de-photos .mainG, .node-type-oeuvre .mainG, .node-type-oeuvre .mainG .blockOeuvre {
		width: 100%;
	}
	.node-type-oeuvre .mainG .blockOeuvre{
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.mainG {
		width: 100%!important;
		display: inline-block;
		padding: 10px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.form_scolaires #edit-submit, .form_groupes #edit-submit{
		margin: 0!important;
	}
	.home .block {
		float: none;
		top: auto;
	}
	.home .large_block .front-black {
		padding: 0;
		padding-top: 17%;
	}
	.home .large_block .front-black .titleImage {
		font: bold 22px/22px Helvetica,sans-serif;
	}
	.sliderResponsive .bx-wrapper {
		margin: 0;
	}
	.home .sliderResponsive .bx-wrapper img, .home .mav2 img {
		width: 100%;
	}
	.slider.right #imgDiapo, .slider.right {
		width: 100%;
		height: auto;
		margin: 10px auto;
	}
	.slider.right ul.diaporama {
		width: 280px;
		height: 240px;
	}
	.slider.right ul.diaporama li > img {
		max-width:100%;
		max-height:100%
	}
	.home #homeCont {
		padding-left: 10px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	#main ul.thumb li {
		padding: 3px 10px;
		display: block;
		float: none;
		text-align: center;
	}
	.content .liste_animations {
		width: 100%;
		height: auto;
	}
	.content .liste_animations.last {
		width: 100%;
		height: auto;
	}
	.content .liste_animations .left_content {
		display: inline-block;
		width: 44%;
		padding: 10px;
		margin: 0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.content .liste_animations .right_content {
		display: inline-block;
		vertical-align: top;
		width: 49%;
		padding: 5px 0 0;
		margin: 0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	#block-views-f29edceae2832435f2db3e8aafe76b4f {
		margin: 0;
	}
	.content .liste_animations .right_content .datas {
		width: auto;
		float: none;
	}
	.content .liste_animations .right_content .datas h2 {
		margin: 10px 0 30px 0;
	}
	span.plusEx {
		display: block;
	}
	.actus_pros .content_right .body {
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.form_groupes .webform-component-select, .form_groupes .webform-component-textfield, .form_groupes .webform-component-email,
	.form_scolaires .webform-component-select, .form_scolaires .webform-component-textfield, .form_scolaires .webform-component-email {
		width: 200px!important;
	}
	.form_groupes .webform-component-textfield input, .form_groupes .webform-component-email input, .form_groupes .webform-component-select select,
	.form_scolaires .webform-component-select select, .form_scolaires .webform-component-textfield input, .form_scolaires .webform-component-email input {
		width:180px;
	}
	.form_groupes .webform-component-checkboxes .form-type-checkbox:nth-child(even), .form_groupes .webform-component-checkboxes .form-type-checkbox,
	.form_scolaires .webform-component-checkboxes .form-type-checkbox {
		float:none;
		margin: 10px 30px 10px 0;
	}
	.form_groupes #webform-component-comment-avez-vous-connu-culturespaces- label, .form_groupes .webform-component-textarea label,
	.form_scolaires #webform-component-comment-avez-vous-connu-culturespaces- label, .form_scolaires .webform-component-textarea label {
		float: none;
	}
	#main .content_block {
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.content .liste_expositions .left_content {
		float: none;
		width: 100%;
		margin: 0;
		padding: 10px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.content .liste_expositions .right_content {
		float: none;
		padding: 0px 0 10px 10px;
		margin-top: 0;
	}
	.content .datas .plusEx a, .content_block .datas .plusEx a, #diaporama .slider .slide .plusEx a, #layer .content .right .detail p.plusEx a {
		position: absolute;
		bottom: 0px;
	}
	div.plusEx:after {
		content: '';
		clear: both;
		display: block;
		visibility: hidden;
	}
	div.plusEx {
		position: relative;
		height: 30px;
	}
	.content .liste_expositions, .content .liste_expositions.last {
		width: 100%;
		height: auto;
	}
	span.btR {
		float: none!important;
		clear: both;
	}
	#mainGalerieBis .item {
		margin-right: 10px!important;
	}
	#mainGalerieBis .classicItem.item.last {
		margin-right: 5px;
	}
	#block-views-a7b443471794f85626b7f64e3425b351 {
		width: 100%!important;
	}
	#block-custom-search-blocks-1 .search-form input.form-text {
		width: 120px;
	}
	#sidebar-second ul.level-2 li a, #sidebar-second ul.level-3 li a  {
		font-size: 10px;
	}
	#sidebar-second ul.level-1 h2 {
		font-size: 19px; 
	}
	.ss_home .medium_block h2 a {
		font-size: 16px;
	}
	.ss_home .block ul.links li {
		font-size: 8px;
	}
	.medium_block, .block-views .medium_block {
		width: 100%;
		height: auto!important;
		min-height: 225px;
		margin: 0 5px 5px 0;
		float: none;
	}
	.medium_block .content, .block-views .medium_block .content, .partner_block .content {
		width: 100%;
		padding: 10px!important;
		margin:0!important;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.medium_block .picture, .block-views .medium_block .picture {
		width: 100%;
	}
	.onglets {
		margin:0;
	}
	.little_block {
		float: none;
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 0 5px 0;
	}
	.little_block .picture {
		width: 30%;
	}
	.little_block .content_right, .block-views .little_block .content_right {
		width: 68%;
		float: left;
		position: relative;
		padding: 10px;
		height: auto;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	#receptionPageContainer .body {
		padding: 0!important;
	}
	.block .newsletter_block #newsletterconnectorform,.block .newsletter_block .foot_desc { margin: 0; width: 100%; }
	.block .newsletter_block #newsletterconnectorform .form-item {float: none;}
	body.sidebar-second #main, .medium_block, #block-mtlmegaban-megaban.block .content, #block-mtlmegaban-megaban.block h2, {
		float: none;
	}
	#block-mtlmegaban-megaban {
		padding-top: 1px;
	}
	#megaBan:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	#top-footer h2 {
		margin-right: 0;
		text-align: center;
	}
	#footer {
		height: auto;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.top-footer-container, body.no-sidebars .mainG_home {
		padding: 0 10px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	#top-footer {
		margin: 10px 0 0 0!important;
	}
	#socialLogos, #top-footer #newsletter {
		display: block;
		text-align: center;
	}
	.coupure_presse .content .picture,  .coupure_presse .content .content_right {
		display: block;
		float: none;
		width: 100%;
		padding: 20px 10px;
		margin: 0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.ecrite .content .picture, .radio .content .picture {
		float: none; 
		width: 100%;
		padding: 0;
		margin: 0;
		text-align: center;
	}
	.pagination-presse {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	#block-block-61{
		position:relative;
		width: 100%;
		text-align: right;
		margin-top: 20px;
	}
	#block-block-61 a{
		background: #9c012f;
		display:block;
		color: #fff;
		padding: 10px 0px 10px 20px;
		text-transform: uppercase;
		font-size: 18px;
		line-height: 25px;
		text-align:left;
		margin-bottom:5px;
		text-decoration:none;
	}
	#block-block-61 a:hover{
		background: rgba(156,1,47,0.7);
	}
	#block-block-61 a .logo-button{
		border-left: 1px solid #fff;
		margin-right: 10px;
		margin-left: 10px;
		background-repeat: no-repeat;
		width: 25px;
		height: 25px;
		display: inline-block;
		padding-left: 10px;
		line-height: 25px;
		float: right;
		background-position: 10px center;
	}
	#block-block-61 a.photosH > .logo-button{
		background-image:url('../img/photo.png');
	}
	#block-block-61 a.videosH > .logo-button{
		background-image:url('../img/video.png');
	}
	#block-block-61 a.pratiquesH > .logo-button{
		background-image:url('../img/infos.png');
	}
	#block-block-61 a.boutiqueH > .logo-button{
		background-image:url('../img/boutique.png');
	}
	.mobile-top {
		display: table;
	}
	.footer ul li {
		padding: 0 3px 0 0;
	}
	.footer .menu, body.sidebar-second #main, #megaBan, #block-mtlmegaban-megaban.block h2, #block-mtlmegaban-megaban.block .content {
		float: none!important;
	}
	#block-views-hotels-liste-block-liste-hotels {
		margin: 0;
	}
	#block-views-hotels-liste-block-liste-hotels .enteteTl {
		display: none;
	}

	/** FOOTER **/
	.carrousel .hiddenTablette {
		display: block;
		font-size: 23px !important;
		line-height: 23px !important;
	}
	.bx-wrapper .item.selected .caption a, .bx-wrapper .item .caption a, .bx-wrapper .item .caption, .bx-wrapper .item.selected .caption {
		font-size: 8px !important;
	}
	#receptionPageContainer {
		padding: 10px 20px 20px 20px !important;
	}
	body.node-type-sous-home-reception #sidebar-second {
		margin-top: 0 !important;
	}
	#sites-CE #light-box-sites .sites {
		width: 500px;
		margin: 0 auto;
	}
	#sites-CE #light-box-sites h2 {
		font-size: 20px !important;
		line-height: 20px !important;
		padding: 50px 20px 0;
	}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 1009px) { 
	#header #block-mtlfirstlevelnav-nav-first-level, #megaBan, #block-mtlmegaban-megaban.block .content, .backgrounds .background, #wrapper, .footer, .top-footer-container, body.node-type-home #header #block-block-23,
	body.node-type-home #header #block-block-53, body.node-type-home #header #block-block-64, body.node-type-home #header #block-block-1, body.node-type-home #header #block-block-68, body.node-type-home #header #block-block-59,
	body.node-type-home #header #block-block-63, #header #block-block-23, #header #block-block-53, #header #block-block-64, #header #block-block-1, #header #block-block-68, #header #block-block-59, #header #block-block-63,
	body.no-sidebars .mainG_home, body.sidebar-second #main, .medium_block .picture img, .breadcrumb, .blockOeuvre, #sites-CE #light-box-sites, .coupure_presse, .pagination-presse {
		width: 100%;
	}
	#header #block-block-23, #header #block-block-53, #header #block-block-64, #header #block-block-1, #header #block-block-68, #header #block-block-59, #header #block-block-63 {
		top: 5px;
	}
	#header #block-mtlfirstlevelnav-nav-first-level .billeterie {
		right: 0;
		padding: 10px 10px 10px 5px;
	}
	#header #block-mtlfirstlevelnav-nav-first-level .billeterie:after {
		border-width: 0;
	} 
	#header #site-slogan, .sliderDesk, .ss_home .medium_block .description, .hiddenTablette, #block-views-35598ef0ca29714cad397fb7a15afa8d .content .enteteTl h1, #block-views-d0600f359c469787a0717f315a4687aa .content h1, .page-node-1642 .content .enteteTl_Ss {
		display:none!important;
	}
	#receptionPageContainer .body {
		padding: 0!important;
	}
	.carrousel .hiddenTablette {
		display: block;
		font-size: 23px !important;
		line-height: 23px !important;
	}
	.home .large_block {
		margin: 0 20px 0 0;
	}
	.home .large_block a.mav2 img {
		max-height: 213px;
	}
	body .content_block.galerie {
		width: 700px!important;
	}
	#block-views-d0600f359c469787a0717f315a4687aa ul li.third {
		margin-right: 12px!important;
	}
	#faq .faq_rubriques2 {
		margin: 0 0px 10px 40px;
	}
	.ecrite .content .picture, .radio .content_right .picture{
		margin:28px 25px 25px 28px;
	}
	.ecrite .content_right, .radio .content_right {
		width: 322px;
	}
	.pagination-presse {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.pp_default, .ppt, .pp_content, .pp_details { width: 100%!important; height: auto!important; }
	#pp_full_res img { height: auto!important; }
	.pp_content_container { padding-bottom: 80px!important; }
	.node-type-dossiers-de-photos .mainG, .node-type-oeuvre .mainG, .node-type-oeuvre .mainG .blockOeuvre {
		width: 100%!important;
	}
	.node-type-oeuvre .mainG .blockOeuvre{
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.no-sidebars .mainG {
		width: 100% !important;
		display: inline-block;
		padding: 0 20px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.mainG {width:calc(100% - 200px);padding:0}
	#wrapper{padding:0 20px}
	#main .content_block{
		padding: 10px 0 30px;
	}
	.slider.right #imgDiapo, .slider.right {
		width: 270px;
	}
	.slider.right ul.diaporama {
		width: 280px;
		height: 240px;
	}
	.slider.right ul.diaporama li > img {
		max-width:100%;
		max-height:100%
	}
	.content .liste_expositions .left_content {
		float: none;
		width: 100%;
		margin: 0;
		padding: 10px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.content .liste_expositions .right_content {
		float: none;
		margin: 10px 0 0 10px;
	}
	.content .datas .plusEx a, .content_block .datas .plusEx a, #diaporama .slider .slide .plusEx a, #layer .content .right .detail p.plusEx a {
		position: absolute;
		bottom: 0px;
	}
	div.plusEx:after {
		content: '';
		clear: both;
		display: block;
		visibility: hidden;
	}
	div.plusEx {
		position: relative;
		height: 30px;
	}
	.content .liste_expositions, .content .liste_expositions.last {
		width: 100%;
		height: auto;
	}
	#main ul.thumb li {
		padding: 3px 10px;
	}
	.home .large_block .sliderResponsive {
		width: 343px;
	}
	#homeCont {
		width: 706px;
	}
	.actus_pros .content_right .body {
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.block .newsletter_block .foot_desc {
		margin: 35px 0 10px 5px;
		width: 100%;
	}
	.form_groupes .webform-component-select, .form_groupes .webform-component-textfield, .form_groupes .webform-component-email,
	.form_scolaires .webform-component-select, .form_scolaires .webform-component-textfield, .form_scolaires .webform-component-email {
		width: 200px!important;
	}
	.form_groupes .webform-component-textfield input, .form_groupes .webform-component-email input, .form_groupes .webform-component-select select,
	.form_scolaires .webform-component-select select, .form_scolaires .webform-component-textfield input, .form_scolaires .webform-component-email input {
		width:180px;
	}
	.form_groupes .webform-component-checkboxes .form-type-checkbox:nth-child(even), .form_groupes .webform-component-checkboxes .form-type-checkbox,
	.form_scolaires .webform-component-checkboxes .form-type-checkbox {
		float:none;
		margin: 10px 30px 10px 0;
	}
	.form_groupes #webform-component-comment-avez-vous-connu-culturespaces- label, .form_groupes .webform-component-textarea label,
	.form_scolaires #webform-component-comment-avez-vous-connu-culturespaces- label, .form_scolaires .webform-component-textarea label {
		float: none;
	}
	body.sidebar-second #sidebar-second {
		padding: 0;
		box-sizing: border-box;
		width: 200px;
	}
	#main .content_block {
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	#mainGalerieBis .item {
		margin-right: 10px;
	}
	#mainGalerieBis .classicItem.item.last {
		margin-right: 10px;
	}
	#block-custom-search-blocks-1 .search-form input.form-text {
		width: 120px;
	}
	#sidebar-second ul.level-2 li a, #sidebar-second ul.level-3 li a  {
		font-size: 10px;
	}
	#sidebar-second ul.level-1 h2 {
		font-size: 19px; /* TODO !!!! => Cufon.refresh(); */
	}
	.ss_home .medium_block h2 a {
		font-size: 16px; /* TODO !!!! => Cufon.refresh(); */
	}
	.ss_home .block ul.links li {
		font-size: 8px;
	}
	.medium_block, .block-views .medium_block {
		height: auto!important;
		min-height: 225px;
	}
	.medium_block .content, .block-views .medium_block .content, .partner_block .content {
		width: 100%;
		padding: 10px!important;
		margin:0!important;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.medium_block .picture, .block-views .medium_block .picture {
		width: 236px;
	}
	/*#footer {
		height: 230px !important;
		padding: 0 20px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}*/
	.top-footer-container, body.no-sidebars .mainG_home {
		padding: 0 20px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	#top-footer h2 {
		display: inline-block!important;
	}
	#top-footer .socialsFollow {
		width: 30%;
	}
	#top-footer .newsBan {
		width: 68%;
	}
	#block-views-hotels-liste-block-liste-hotels {
		margin: 0;
	}
	#block-views-hotels-liste-block-liste-hotels .enteteTl {
		display: none;
	}
	#sites-CE #light-box-sites h2{
		padding: 0 20px 0;
	}
	.message_exceptionnel .content{width:100%;margin:0 auto 15px}
	.message_exceptionnel .content p{font-size:14px;line-height:18px}
	#wrapper .message_exceptionnel{display:none}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1010px) and (max-width: 1320px) {
	#header #block-mtlfirstlevelnav-nav-first-level .billeterie {
		right: 0;
		padding: 10px 10px 10px 0px;
		width: 185px;
	}
	#header #block-mtlfirstlevelnav-nav-first-level .billeterie:after {
		border-width: 0;
	} 
	body.node-type-home #header #block-block-23, body.node-type-home #header #block-block-53, body.node-type-home #header #block-block-64, body.node-type-home #header #block-block-1, body.node-type-home #header #block-block-68, body.node-type-home #header #block-block-59, body.node-type-home #header #block-block-63  {
		width: 970px;
	}
	.backgrounds .background {
		width: 990px;
		margin: 0 auto;
	}
	#header #block-block-23, #header #block-block-53, #header #block-block-64, #header #block-block-1, #header #block-block-68, #header #block-block-59, #header #block-block-63 {
		top: 5px;
		width: 970px;
	}
}
@media (max-width: 1320px){ 
	#header #block-mtlfirstlevelnav-nav-first-level .billeterie > .logo:before{
		background-size: 70%;
		left: 4px;
	}
}
@media(max-width: 1100px){
	#top_banner ul li{
		width: 160px;
	}
	#top_banner ul li a{
		font-size: 12px;
	}

	.w1300, .w1100{max-width:100%;padding:0 20px}	
}
@media(max-width: 990px){
	.page-node-820 td img{
		max-width: 180px;
		height: auto;
	}
}
@media(max-width: 768px){
	#top_banner ul li a{
		font-size: 11px;
	}
	body.sidebar-second #sidebar-second{width:100%;float:none}
	.mainG{width:100%}
}
@media (max-width: 767px){
	#header #site-slogan-hdc{
		display: none;
	}
}
@media(max-width: 480px){
	.home .large_block .front-black .titleImage {
		font: bold 20px Helvetica,sans-serif;
	}
	span.btR{float:right!important;}
	div.extra_backgrounds{display: none;}
	.front div.extra_backgrounds{display: block;}
	body.sidebar-second #sidebar-second{display: block;}
}

/* ----------------------------------------------------- */
@media only screen and (max-width: 1350px){
	#header #site-slogan{
		/*float: left;*/
		margin-left: 0;
	}
}
@media (max-width: 1400px){
	.bx-wrapper .mainslider img{
		max-width: 120% !important;
	}
	.lp_voeux .retour{margin:25px 0 25px 20px}
	.w1600{max-width:100%;padding:0 20px}
}
@media (max-width: 1200px){
	body{
		overflow-x: hidden;
		max-width: 100%;
	}
	#receptionSousHomeContainer{
		width: calc(100% - 300px) !important;
		padding: 10px 10px 30px !important;
	}
	#wrapper{
		width: 100%;
		box-sizing: border-box;
	}
	.social_block .bx-viewport{
		width: calc(100% - 70px);
		margin: 0 auto;
	}
	.mises_block .bx-wrapper .bx-prev{
		left: 0;
	}
	.mises_block .bx-wrapper .bx-next{
		right: 0;
	}
	#footer .footer{
		padding: 0 10px;		
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
}
@media (max-width: 1100px){
	.social-timeline p.description{
		font-size: 16px;
	}
	.social-timeline p.description span{
		font-size: 20px;
	}
	#socialLogos li{
		margin-left: 25px;
	}
	.bx-wrapper .mainslider img{
		max-width: 140% !important;
	}
	#header #site-name-slogan{padding-left:15px}
	#header #site-slogan{line-height:1.3}
	.mainslider .description{right:8%}
	#header #site-name-slogan{max-width: calc(100% - 275px);}
	#header #site-name-slogan #site-name a{font-size:26px;line-height:1}
}
@media only screen and (max-width: 900px){
	#socialLogos li{
		margin-left: 30px;
	}
	#mainGalerieBis .item{
		width: calc(50% - 10px);
	}
	#mainGalerieBis .firstItem{
		width: calc(100% - 10px);
	}
	#main,
	#block-mtlnewsletterconnector-newsletter-connector,
	#block-views-faq-liste-questions-block-faq{
		width: 100%;
		box-sizing: border-box;
	}
	#block-views-faq-liste-questions-block-faq{
		padding: 10px 0;
	}
	#mainGalerieBis .grid-item,
	#mainGalerieBis .grid-sizer{
		width: 33.3%;
	}
	#receptionSousHomeContainer{
		width: 100% !important;
		padding: 10px 0 !important;
	}
	.press_block.block{
		width: 100%;
	}
	.mainslider .description .ouverure{
		margin-top: 10px;
	}
	.breadcrumb{
		display: none;
	}
}
@media (max-width: 800px){
	.bx-wrapper .mainslider img{
		max-width: 100% !important;
	}
	#top_banner .m_menu_control{
		font-size: 12px;
		padding: 55px 10px 5px;
		bottom: -95px;
	}
	#header #site-name-slogan{
		max-width: 100%;
		width: 100%;
		padding-top: 0;
		padding-left: 10px;
		margin-top: 40px;
		box-sizing: border-box;
	}
	#header #site-name-slogan #site-name a{
		font-size: 30px;
		line-height: 34px;
	}
	.mainslider .description .categorie{
		padding: 5px 15px 0;
	}
	.mainslider .description{padding-top:10px}
	.mainslider .description .title{font-size:22px;line-height:1;color:#2b2b2b;padding:5px 15px 0}
	.mainslider .description .s_title{font-size:14px;line-height:16px;color:#2b2b2b;padding:0 15px 0}
	.mainslider .description .date{font-size:12px;color:#2b2b2b;padding:0 15px}
	.mainslider .description .ouverure .horer{font-size:16px}
	.TA_cdsratingsonlywide{
		float: none;
		margin-bottom: 30px;
	}
	.TA_cdsratingsonlywide .cdsROW.wide{
		margin: 0 auto;
	}
	.top-footer-container{
		text-align: center;
	}
	.en_images .grid-item,
	.social-grid .grid-item{
		width: 33.3%;
	}
	#footer .footer_left, #footer .footer_right{
		width: 100%;
	}
	#footer .footer_right{
		margin-top: 20px;
	}
	.mainG_home{
		padding-top: 20px !important;
	}
	#top_banner ul li{
		width: 33%;
		box-sizing: border-box;
	}
	#top_banner ul li:nth-child(3){
		border-right: none;
	}
	#top_banner{
		top: -260px;
	}
	#top_banner .m_menu_control{
		bottom: -91px;
		background-position-y: 5px; 
	}
	#top_banner.active .m_menu_control,
	#top_banner .m_menu_control:hover{
		bottom: -91px;
	}
	#header #block-mtlfirstlevelnav-nav-first-level ul li{
		font-size: 16px;
	}	
	.mainslider li .description{
		position: relative;
		width: 100%;
		right: 0;
	}
	body.node-type-sous-home #main{
		width: 100%;
	}
	.equipe .member.member_4_col{
		width: calc(33% - 2px);
	}
	.notresponsive{display:none}
	#header_responsive{display:block}
	#header_responsive .resp_btn_menu{display:inline-block}
	#header_responsive .c-hamburger-resp{width:75px;height:74px;display:block}
	#header_responsive .c-hamburger-resp span{height:3px;left:20px;right:20px;top:36px}
	#header_responsive .c-hamburger-resp span::before, #header_responsive .c-hamburger-resp span::after{height:3px;position:absolute}
	#header_responsive .c-hamburger-resp span::before{top:-10px}
	#header_responsive .c-hamburger-resp span::after{bottom:-10px}
	#header_responsive .c-hamburger-resp.is-active span::before{top:0}
	#header_responsive .c-hamburger-resp.is-active span::after{bottom:0}
	#header_responsive #site-name-slogan{display:inline-block;width:calc(100% - 104px);padding:16px 10px 16px 0;box-sizing:border-box;vertical-align:top}
	#header_responsive #site-name-slogan #site-name{font-family:"RidleyGrotesk-Regular";font-size:30px;line-height:34px;color:#161616;text-transform:uppercase}
	#header_responsive #site-name-slogan #site-name span{font-size:18px;line-height:1;margin-bottom:5px;display:block}
	#header_responsive #site-name-slogan #site-slogan{font-family:"RidleyGrotesk-Regular";font-size:13px;line-height:13px;color:#161616;text-transform:uppercase;position:relative;z-index:100}
	#header_responsive #responsive_menu_block{position:absolute;left:-100%;background:#fff;z-index:100;width:100%;padding:0 150px 40px 20px;box-sizing:border-box;border-bottom:1px solid #999999;transition:all .4s}
	#header_responsive #responsive_menu_block.active{left:0;}
	#header_responsive #responsive_menu_block .responsive_menu li{padding:15px 20px;border-top:1px solid #999999;position:relative;}
	#header_responsive #responsive_menu_block .responsive_menu li:after{font-family:"fontello_n";content:"\e81b";font-size:20px;line-height:20px;color:#cecece;position:absolute;right:0;top:15px}
	#header_responsive #responsive_menu_block .responsive_menu li.no_after:after{display:none}
	#header_responsive #responsive_menu_block .responsive_menu li > a{font-family:"RidleyGrotesk-Light";font-size:20px;line-height:20px;color:#000;text-transform:uppercase}
	#header_responsive #responsive_menu_block .responsive_menu li .menu_images{display:none}
	#header_responsive #responsive_menu_block .responsive_menu li .sub_menu_block{padding-top:10px}
	/* #header_responsive #responsive_menu_block .responsive_menu li:first-child .sub_menu_block{display:block} */
	#header_responsive #responsive_menu_block .responsive_menu li .sub_menu_block .lev_3{display:none}
	#header_responsive #responsive_menu_block .responsive_menu li .sub_menu_block a, #header_responsive #responsive_menu_block .secondary_links li a, #header_responsive #responsive_menu_block .sites_ce li a{font-family:"RidleyGrotesk-Regular";font-size:12px;line-height:12px;color:#161616;text-transform:uppercase;margin:7px 7px 7px 20px;display:inline-block}
	#header_responsive #responsive_menu_block .responsive_menu li .sub_menu_block .lev_2{padding-bottom:0 !important}
	#header_responsive #responsive_menu_block .responsive_menu .billeterie{display:none}
	#header_responsive #responsive_menu_block .secondary_links, #header_responsive #responsive_menu_block .sites_ce, #header_responsive #responsive_menu_block .social_links{padding:15px 20px;border-top:1px solid #999999}
	#header_responsive #responsive_menu_block .secondary_links .sec_m_title, #header_responsive #responsive_menu_block .sites_ce .title{font-family:"RidleyGrotesk-Light";font-size:20px;line-height:20px;color:#888484;text-transform:uppercase;position:relative}
	#header_responsive #responsive_menu_block .secondary_links .sec_m_title:after, #header_responsive #responsive_menu_block .sites_ce .title:after{font-family:"fontello_n";content:"\e81b";font-size:20px;line-height:20px;color:#cecece;position:absolute;right:-20px;top:0}
	#header_responsive #responsive_menu_block .secondary_links .menu, #header_responsive #responsive_menu_block .sites_ce .menu{padding-top:10px;display:none}
	#header_responsive #responsive_menu_block .social_links{overflow:hidden}
	#header_responsive #responsive_menu_block .social_links #socialLogos li a:before{color:#525252;font-size:24px}
	#header_responsive #responsive_menu_block .search_block input[type="text"]{font-family:'RidleyGrotesk-Regular';font-size:14px;color:#000;padding:14px 50px 14px 20px;width:100%;box-sizing:border-box;border:1px solid #c1c1c1}
	#header_responsive #responsive_menu_block .search_block{position:relative;margin-bottom:25px}
	#header_responsive #responsive_menu_block .search_block input[type="text"]:focus{outline:none;border-color:#000;transition:all .4s}
	#header_responsive #responsive_menu_block .search_block .search_btn{position:absolute;right:25px;top:9px}
	#header_responsive #responsive_menu_block .search_block .search_btn:after{font-family:"fontello_n";content:"\e811";color:#525252;font-size: 19px;transition:all .4s}
	#header_responsive #responsive_menu_block .languages{text-align:center;margin:25px auto 0}
	#header_responsive #responsive_menu_block .languages li{display:inline-block;margin:0 20px;padding:7px 0}
	#header_responsive #responsive_menu_block .languages li.active{border-top:5px solid #3f3e3a}
	#header_responsive #responsive_menu_block .languages li a{font-family:'RidleyGrotesk-Bold';font-size:14px;color:#000;text-transform:uppercase}
	.mainslider .description .categorie{font-size:10px;color:#3f3e3a}
	.mainslider .description .ouverure{width:90%;max-width:340px;padding:10px 35px;border:1px solid #b5b5b5;margin:15px auto 10px;box-shadow:0px 2px 6px rgba(181, 181, 181, 0.7)}
	.mainslider .description .ouverure .horer br{display:none}
	.mainslider .billeterie{position:static;display:block;max-width:340px;width:80%;margin:0 auto 10px;font-size:16px;height:auto;padding:12px 20px;box-sizing:border-box}
	.mainslider .billeterie:before{margin-top:0}
	.mises_block{display:none}
	.social-timeline{display:none}	
	.en_images .grid-item{display:none}
	.en_images .grid-item:nth-child(1),	.en_images .grid-item:nth-child(2), .en_images .grid-item:nth-child(3),	.en_images .grid-item:nth-child(4), .en_images .grid-item:nth-child(5),	.en_images .grid-item:nth-child(6), .en_images .grid-item:nth-child(7),	.en_images .grid-item:nth-child(8), .en_images .grid-item:nth-child(9),	.en_images .grid-item:nth-child(10){display:block}
	.TA_cdsratingsonlywide{margin-bottom:10px}
	.node-type-home .social_block{padding:10px 10px 30px}
	#footer .footer_left .left_content{padding:20px 15px;min-height:auto}
	#footer .footer_left .title br{display:none}
	#footer .footer_left p{display:none}
	#footer .footer_left #newsletter{padding:0}
	#footer .footer_left input[type="text"]{width:calc(100% - 164px);box-sizing:border-box;-webkit-appearance:none;border-radius:0}
	#footer .footer_left input[type="button"]{width:150px;margin:0 0 0 10px;-webkit-appearance: none;border-radius:0}
	.en_images .title,
	.social-timeline .title,
	#frise h1{
		font-size: 24px;
		line-height: 26px;
	}
	#socialLogos li:first-child{
		margin-left: 0;
	}
	#socialLogos li, #socialLogos li a{width:30px}
	.node-type-exposition .mainG, .node-type-actu-ade .mainG{margin-top:0}
	#footer .links{display:none}
	/*.footer_img_ce_baseline{display:block}*/
	#footer .footer_left{display:none}
	.front .bx-wrapper .bx-viewport{left:0}

	.video_header{height:375px}
	.image_header.mini, .image_header.diaporama{height:475px}
	.node-type-exposition .tabs_nav{right:20px}
	.block_presentation{margin:60px 0 0}
	.node-type-exposition .caption_titre, .node-type-actu-ade .caption_titre, .node-type-mini-evenement .caption_titre{font-size:40px}
	.node-type-home .mainG_home .social_block{display:none}
	.node-type-home .footer_social .social_block{padding:0}
	#footer{height:auto;padding:0;}
	#footer #megaBan{margin:0;text-align:left;}
	#footer #megaBan li{width:auto;}
	#footer #megaBan li:first-child, #megaBan li{margin:0 10px 0 0}
	#footer #megaBan li:nth-child(4n+4){margin:0}
	#footer #megaBan li:nth-child(5n+5){margin:0 10px 0 0}
	/*#footer #megaBan li a{width:139px;height:auto}*/

	.partenaire_page .partner{width: calc(50% - 10px);}

}
@media (max-width: 640px){
	.en_images .grid-item,
	.social-grid .grid-item{
		width: 50%;
	}
	.mises_block .bx-wrapper{
		box-sizing: border-box;
		padding: 0 30px;
	}

	.view-timeline{display:none}
	#frise{margin:0 0 5px 0;padding:10px 25px 0 5px}
	/*----- Accordion -----*/
	#block-views-frise-chronologique-block, #block-views-frise-chronologique-block * {
		-webkit-box-sizing:border-box; 
		-moz-box-sizing:border-box; 
		box-sizing:border-box;
	}
	#block-views-frise-chronologique-block {
		overflow:hidden;
		display:block;
		padding: 0 10px;
	}
	.accordeon_info{margin-bottom:5px;background:#eaeaea}
	/*----- Section Titles -----*/
	.accordeon_title {
		width:100%;
		padding:15px;
		/*border-bottom:5px solid #fff;*/
		background:#eaeaea;
		transition:all linear 0.15s;
		/* Type */
		font-size:21px;
		color:#000;
		font-family: 'RidleyGrotesk-SemiBold';
		vertical-align: middle;
	}
	.accordeon_title span{font-size:18px; font-family: 'RidleyGrotesk-Regular';line-height:1.3;margin:-30px 50px 0 90px;display:block;}
	.accordeon_title:after{content: '\e822';font-family:'fontello_n';font-size:24px;position:absolute;right:15px;margin:-35px 0 0}
	.accordeon_title.opened:after{content: '\e823'}
	.accordeon_title:hover {
		background:#ccc;
		/* Type */
		text-decoration:none;
	}
	.accordeon_info:last-child .accordeon_title {
		border-bottom:none;
	}
	/*----- Section Content -----*/
	.accordeon_content{
		padding:0 45px 30px 105px;
		display:none;
	}
	.w1300, .w1100{padding:0}
	.node-type-exposition .tabs_nav{display:none}
	.node-type-exposition .tabs_nav.responsive{display:block;}
	.node-type-exposition .tabs_nav a{font-size:14px;padding:7px 25px}
	.node-type-exposition .tabs_nav a strong{font-size:18px;line-height:1.2}
	.exhibition .video_block{position:relative;height:auto;display:block}
	.block_presentation{margin:30px 20px 10px;border-width:2px!important;padding:0 10px}
	.accordeon_content img{width:60%}
	.accordeon_content p{font-size:12px; font-family: 'RidleyGrotesk-Regular';padding:15px 0 0;}
	.footer_social .footer_left, .footer_social .right, .node-type-home .footer_social .footer_left, .node-type-home .footer_social .right{width:100%}
	.footer_social .footer_left{padding:0;border:none;}
	.footer_social .right{margin:30px 0 0}
	.footer_social .right .top-footer-container{margin:20px 0 0}
	#footer .footer{padding:0 10px 30px}
	#footer #megaBan{text-align:left;}
	#footer #megaBan li{width:32%}
	#footer #megaBan li:first-child, #footer #megaBan li{margin:0 4px 4px 0;line-height:1}
	#footer #megaBan li:nth-child(3n+3){margin:0 0 4px}
	#footer #megaBan li a{width:115px;height:80px}
	#footer #megaBan li a img{margin:0}
	#footer #megaBan li:nth-child(5n+5){margin:0 4px 4px 0}
	.partenaire_page .partner{width:100%;}
	.partenaire_page{max-width:100%;}
}
@media only screen and (max-width: 600px){
	#header #site-slogan{
		width: 100%;
		text-align: center;
	}
	.mises_block .bx-wrapper{
		box-sizing: border-box;
	}
	.en_images .title,
	.social-timeline .title,
	#frise h1{
		font-size: 20px;
		line-height: 26px;
	}
	.mainG .region-content p{
		box-sizing: border-box;
	}
	.recherche .views-widget-filter-keys{
		width: 75%;
	}
	.tv .picture{
		padding:  0 15px !important;
	}
	.tv .datas{
		max-width: 100%;
		margin: 10px 0;
	}
	.tv .video_player {
		width: 100%;
		padding: 0 15px;
		box-sizing: border-box;
	}
	.tv .video_player div{
		max-width: 100%;
	}
	.tv .video_player video{
		width: 100% !important;
		left: 0 !important;
	}
	#mainGalerieBis .grid-item,
	#mainGalerieBis .grid-sizer{
		width: 50%;
	}
	#main ul.thumb{
		width: 100%;
	}
	.nav_reseption{
		text-align: center
	}
	.nav_reseption li{
		margin: 0 0 10px;
		display: inline;
	}
	.nav_reseption li:after{
		content: '';
		clear: both;
		display: block;
		margin-bottom: 10px;
	}
	#frise{
		padding: 0;
	}
	.search_popup .popup_content{
		padding: 30px 10px 30px;
		box-sizing: border-box;
	}
	.node-type-exposition .region-pop-up, .node-type-actu-ade .region-pop-up{width:auto}
	.region-pop-up, .region-pop-up-sociaux{width:auto;padding:20px}
	.region-pop-up p{padding:0 20px}
	.pop_in{right:0;left:0;}	
	.region-pop-up, .region-pop-up-sociaux{min-width:0;width:auto}
	.info_pop_in table{width:100%!important}
	.info_pop_in table img{width:175px!important;height:120px!important}
	.info_pop_in table td .lien{background-color:#b10035;border:2px solid #b10035}
	.pop_in h2{bottom:-145px;font-size:12px}

	.video_header{height:200px}
	.node-type-exposition .tabs_nav{right:auto;bottom:auto;position:relative;margin:40px 0 0}
	.node-type-exposition .tabs_nav a{width:100%;margin:0 0 10px 0}
	.node-type-exposition .caption_type, .node-type-actu-ade .caption_type, .node-type-mini-evenement .caption-type{font-size:14px}
	.node-type-exposition .caption_titre, .node-type-actu-ade .caption_titre, .node-type-mini-evenement .caption_titre{font-size:32px}
	.node-type-exposition .caption_titre span, .node-type-actu-ade .caption_titre span, .node-type-mini-evenement .caption_titre span{font-size:16px;line-height:1.1}
	.node-type-exposition .caption_date, .node-type-actu-ade .caption_date, .node-type-mini-evenement .caption_date{font-size:14px}
	.node-type-exposition .body{-webkit-columns: 1;-moz-columns: 1;columns:1;-webkit-column-gap: 0;-moz-column-gap: 0;column-gap: 0;padding:30px 20px}
	.image_header.mini, .image_header.diaporama{height:225px}
	.node-type-exposition .body p, .node-type-exposition .body p strong{font-size:14px}
	.node-type-exposition .body h3{font-size:16px}
	.node-type-exposition .mainG .region-content .citation{float:none;width:100%;text-align:center;}
	.accordion .title_accordion{font-size:18px;padding:10px}
	.node-type-exposition .block_partners{margin:0 10px 30px}
	.node-type-exposition .block_partners h2{font-size:21px;margin:30px 0}
	.accordion .accordion_items h3{font-size:16px}
	.accordion .accordion_items p{font-size:14px;padding:15px 0}
	.node-type-exposition .en_images{padding:25px 20px}
	.pop_in.mobile{display:block;}
	.pop_in.mobile h2{bottom:-115px;padding:5px 10px}
	.pop_in.mobile h2:before{content:'';background-image:url(../img/sticky.png);width:15px;height:24px;display:block;margin:0 0 7px 7px}
	.pop_in.mobile h2.active{bottom:0}
	.info_pop_in.mobile{min-height:80px}
	.info_pop_in.mobile p{text-align:center;}
	.info_pop_in.mobile a{padding:20px 35px 0 0;display:inline-block;}
	.info_pop_in.mobile a:last-child{padding:20px 0 0}

	.node-type-exposition .diaponarama_color .bx-wrapper .inner_block img {max-height:100%!important;max-width:100%!important}
	.node-type-exposition .diaponarama_color .bx-wrapper .bx-prev{left:0}
	.node-type-exposition .diaponarama_color .bx-wrapper .bx-next{right:0}
	#main .content_block h3{line-height:1.2}
	#main .content_block h3 img{width:260px;margin:10px 0 20px!important;}
	.partenaire_page{padding:0 6px 0 0}
}
@media (max-width: 480px){
	.mainslider .billeterie{
		position: relative;
		width: 80%;
		margin: 15px auto 10px;
		text-align:center
	}
	.mainslider .description .title{padding:0 15px}
	.mises_block .bx-pager{
		position: static;
	}
	.en_images .title{font-size:18px;line-height:24px}
	.en_images .title span{font-size:10px;margin-left:8px}
	.social_block{
		padding: 0;
	}
	.social-grid .grid-item{
		padding: 0 5px 10px;
	}
	.footer ul li{
		display: inline-block;
	}
	#footer .footer_right{
		padding: 0;
	}
	#footer .footer_left input[type="text"]{
		box-sizing: border-box;
		font-size:12px;
		width: calc(100% - 124px);
	}
	#footer .footer_left input[type="button"]{
		width:110px;
		margin: 0 0 0 10px;
		font-size:12px;
		border-radius:0;
		background: #eaeaea;
		-webkit-appearance: none;
	}
	#footer .footer_right{margin-top:0}
	#footer .footer_left .title,
	#block-mtlmegaban-megaban.block h2{
		font-size: 16px;
		line-height: 20px;
		padding-bottom: 5px;
	}
	.social-timeline .grid_content .caption{
		word-wrap: break-word;
	}
	#header #block-mtlsecondarylinks-nav-secondary-links{
		width: 100%;
	}
	#top_banner .m_menu_control{
		padding-top: 43px;
		position: absolute;
		bottom: auto;
		top: 100%;
		background: #3f3e3a url("../img/ce_m_menu_icon_resp.jpg") center 8px no-repeat;
	}
	#top_banner .m_menu_control:hover,
	#top_banner.active .m_menu_control{
		top: 100%;
		bottom: auto;
	}
	#header #site-name-slogan #site-slogan{
		text-align: left;
		margin-top: -10px;
	}
	.info_pratique{
		display: inline-block;
	}
	.node-type-incontournables .incon-title{
		overflow: hidden;
		margin-bottom: 20px;
	}
	.node-type-incontournables .right-title{
		margin-left: 0;
	}
	.pp_hoverContainer,
	#pp_full_res iframe{
		width: 100% !important;
		height: auto !important;
	}
	div.pp_default .pp_content_container .pp_left{
		padding-left: 0;
	}
	.equipe .member.member_4_col{
		width: calc(50% - 2px);
	}	
	.node-type-exposition .galerie_link a span,
	.node-type-exposition .billet_link a span,
	.node-type-actu-ade .galerie_link a span,
	.node-type-actu-ade .billet_link a span,
	.node-type-exposition .presse_link a span{font-size: 16px}
	/* --------------------------------------------------------- */
	.mises_block .bx-wrapper .bx-prev,
	.mises_block .bx-wrapper .bx-next{
		width: 30px;
		margin-top: -95px;
	}
	.mises_block .bx-wrapper .bx-prev{
		left: -5px;
	}
	.mises_block .bx-wrapper .bx-next{
		right: -5px;
	}
	.mises_block .bx-wrapper .bx-prev:before,
	.mises_block .bx-wrapper .bx-next:before{
		font-size: 30px;
	}
	.bx-wrapper .bx-viewport{
		left: 0;
	}
	.node-type-home .social_block{
		padding: 10px 10px 30px;
	}
	#socialLogos li a:before{
		font-size: 26px;
	}
	#main .title_block h1, #main h1{
		font-size: 24px;
		line-height: 28px;
	}
	#main .content_block img{
		max-width: 100%;
		height: auto;
		margin:  10px auto !important;
		float: none !important;
		display: block;
	}
	body .home-enfants h1, .home-enfants h2{
		font-size: 24px;
	}
	.home-enfants{
		padding: 0;
	}
	#header{
		padding-top: 0;
		padding-bottom: 5px;
	}
	.region-header{
		padding-top: 0;
	}
	#mainGalerieBis .playLarge{
		width: 40px;
		height: 40px;
		background-size: cover;
	}
	#mainGalerieBis .firstItem{
		width: 100%;
	}
	.coupure_presse{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.addthis_toolbox a{
		margin-right: 2px !important;
	}
	.mav_img_block h1{
		padding: 30px 20px;
	}
	body.sidebar-second #sidebar-second.sidebar{
		padding: 0 10px;
		margin: 0 !important;
		box-sizing: border-box;
	}
	#socialLogos li{
		margin-left: 25px;
	}
	.TA_cdsratingsonlywide .cdsROW.wide{
		text-align: center;
	}
	.social_block .cdsROW.wide .cdsLocName{
		display: none !important;
	}
	.node-type-exposition .mainG{
		margin-top: 0;
	}
	body.node-type-exposition #main.evenement .content_block iframe{
		max-width: 100%;
		height: auto;
	}
	.TA_cdsratingsonlywide .cdsROW.wide{
		width: 100% !important;
	}
	/*.TA_cdsratingsonlywide .logo img{
		max-width: 115px !important;
	}*/
	.footer_social .right .cdsROW .logo img{width:190px}
	.content_block p iframe{
		max-width: 100%;
		height: auto;
	}
	.node-type-exposition #main .content_block ul.nav-tabs{
		text-align: center;
	}
	#header_responsive .c-hamburger-resp{width:60px;height:60px}
	#header_responsive .c-hamburger-resp span{height:4px;left:10px;right:10px;top:28px}
	#header_responsive .c-hamburger-resp span::before, #header_responsive .c-hamburger-resp span::after{height:4px}
	#header_responsive .c-hamburger-resp span::before{top:-10px}
	#header_responsive .c-hamburger-resp span::after{bottom:-10px}
	#header_responsive #site-name-slogan{width:calc(100% - 64px);padding:14px 10px 12px 0;}
	#header_responsive #site-name-slogan #site-name{font-size:20px;line-height:24px}
	#header_responsive #site-name-slogan #site-name span{font-size:12px;margin-bottom:2px}
	#header_responsive #site-name-slogan #site-slogan{font-size:10px;line-height:10px}
	#header_responsive #responsive_menu_block{padding:0 60px 10px 20px}
	#header_responsive #responsive_menu_block .responsive_menu li{padding:15px}
	#header_responsive #responsive_menu_block .social_links #socialLogos li a:before{font-size:18px}
	#header_responsive #responsive_menu_block .search_block input[type="text"]{padding:14px 50px 14px 20px;font-size:14px}
	#header_responsive #responsive_menu_block .search_block .search_btn{top:9px}
	.mainslider .description .ouverure{padding:10px 15px}
	.mainslider .description .ouverure .horer{font-size:16px;text-align:center}
	.mainslider .description .ouverure .adress{font-size:12px;margin-left:15px;}
	.mainslider .description .ouverure .adress:before{font-size:20px;vertical-align:top}
/* 	.mainslider .description .ouverure .adress a{width:120px} */
	#footer .menu{padding:20px 10px}
	.footer_img_ce_baseline img{margin-bottom:5px}
	.sites_block .title{font-size:20px;max-width:240px;margin:20px auto}
	.sites_block .close_btn{right:20px;top:0}
	#mainGalerieBis .grid-item, #mainGalerieBis .grid-sizer{width: 100%;position: relative !important;left: 0 !important;top: 0 !important}
	.copy{color: #8e8e8e !important}
	.galery_container .gallery_el .date br {display: none}
	.galery_container .gallery_el .dates {width: 75%;margin-top: -35px !important}
	.galery_container .gallery_el .date{background: rgba(33, 33, 33, 0.5) !important;padding: 3px 4px !important}
	.galery_container .gallery_el .item-content{padding:0 0 0 10px!important}
	.galery_container .gallery_el .item-type{padding: 0!important}
	.node-type-exposition .event_image{width:100%}
	.node-type-exposition .right-content{padding:0}
	.node-type-exposition .event_images .event_image{padding:3px 0}
	.node-type-exposition .event_images .right_link{margin-right:10px}
	.node-type-exposition .event_images{margin-bottom:0}
	.node-type-exposition .mainG #main .content_block{padding:10px 0 0}
	.en_images .grid-item{padding:4px 0;width:100%}
	.en_images .grid_content{width:100%}
	.en_images .grid_content img{width:100%}
	body.no-sidebars .mainG_home{padding:0}
	.en_images .title{padding:15px}
	#presentation .autres{display:none}
	.node-type-exposition .right-content{margin-top:0}
	.webform-component-textfield, .webform-component-email{width:100%}
	#edit-submitted-email{width:87%}
	#webform-component-nombre-de-billets-adulte, #webform-component-nombre-de-billets-enfant{width:100%}
	#webform-component-nombre-de-billets-adulte label, #webform-component-nombre-de-billets-enfant label, #webform-component-nombre-de-billets-adulte-avec-audioguide-de-lexposition label, #webform-component-nombre-de-billets-enfant-avec-audioguide-de-lexposition label{width:75%}
	#webform-component-nombre-de-billets-adulte-avec-audioguide-de-lexposition{width:100%}
	.webform-component-date{margin:-12px 0 0 16px}
	#webform-component-sous-menu-sur-place{margin-top:22px}
	
	.accordeon_title{font-size:18px}
	.accordeon_title span{font-size:16px;line-height:1;margin:-23px 30px 0 64px}
	.accordeon_content{padding:0 25px 30px 80px}
	.accordeon_content img{width:70%}
	.accordeon_content p{font-size:11px;padding:10px 0 0}
	#block-views-frise-chronologique-block{padding:0}
	.accordeon_title:hover{background:none}
	.accordeon_title:after{right:10px;margin:-30px 0 0}
	#main ul.thumb{width:99%;border-bottom:3px solid #4f4d4e}
	#main ul.thumb li.selected, #main ul.thumb li:hover{border-bottom:0;background:#4f4d4e}
	#main ul.thumb li{font-size:10px;text-align:center;border-bottom:0;width:calc(33.2% - 2px);margin:0;padding:6px 0;display:inline-block;background:#ece7e7}
	#main ul.thumb li a{color:#4f4d4e}
	#main ul.thumb li.selected a, #main ul.thumb li:hover a{color:#fff}
	.ecrite .content_right .artM{background:none;text-align:center;}
	.ecrite .content_right .artM a:before{content:'\e817';font-family:'fontello_n'}
	.ecrite .content_right .etiquette_respons{display:none}
	.coupure_presse .content .picture{display:none}

	/*02/08/2018*/
	.video_block{position:fixed;float:none;top:0;bottom:0;right:0;left:0;margin:auto;width:100%;height:225px;display: none;
    z-index:11;}
    .video_responsive {position:relative;display:block;}
    .video_responsive .play_bg{width:50px;height:50px;border:2px solid #fff;border-radius:100%;display:block;position:absolute;left:50%;top:50%;text-align:center;margin:-25px 0 0 -25px}
    .video_responsive .play_bg::before {content: "▸";line-height:48px;font-size:50px;color:#fff;display:inline-block;margin:-1px 0 0 5px}
    .video_responsive .shadowBG {position: fixed;width: 100%;height: 100%;z-index: 10;top: 0;left: 0;background: rgba(0, 0, 0, 0.3);display: none;}
	.video_responsive iframe{width:100%;height:225px}
	#presentation .video_block{display:none}
	.node-type-exposition .billet_link{display:none;}
	.node-type-exposition .billet_link.responsive{display:block;background:#b10035}
	.node-type-exposition .billet_link.responsive a{font-family: "RidleyGrotesk-Regular";color:#fff;padding:0;text-align:center;line-height:2.2}
	.node-type-exposition .billet_link.responsive a i{color:#fff;border:none;padding:0}
	.node-type-exposition .billet_link.responsive a span{color:#fff}
	.node-type-exposition .mainG #main .content_block{padding:20px 0px 0;margin:0 auto}
	.node-type-exposition #main .content_block ul.nav-tabs{width:auto;border-bottom:3px solid #737272;margin:25px 0 20px;display:inline-block;}
	.node-type-exposition #main .content_block ul.nav-tabs li.active, .node-type-exposition #main .content_block ul.nav-tabs li:hover{border-bottom:0;background:#737272}
	.node-type-exposition #main .content_block ul.nav-tabs li{text-align:center;width:110px;margin:0;padding:7px 0;display:inline-block;background:#ece7e7}
	.node-type-exposition #main .content_block ul.nav-tabs li a{color:#000;font-size:9px;border-bottom:none;font-family:'RidleyGrotesk-SemiBold'}
	.node-type-exposition #main .content_block ul.nav-tabs li.active a, .node-type-exposition #main .content_block ul.nav-tabs li:hover a{color:#fff;border-bottom:none}
	.node-type-exposition .addthis_toolbox.addthis_default_style{display:none}
	.galerie_responsive {display:block;margin:0 auto;text-align:center;background:#eaeaea;padding:10px;overflow:hidden;}
	.galerie_responsive .photo_responsive{display:none}
	.galerie_responsive .photo_responsive:nth-child(-n+3){display:inline-block;width:35%;float:left;box-sizing:border-box;}
	.galerie_responsive .photo_responsive:nth-child(1){width: calc(65% - 6px);margin-right: 4px}
	.galerie_responsive .photo_responsive:nth-child(2){margin-bottom:4px}
	#main .content_block .galerie_responsive .photo_responsive a img{margin:0!important}
	.galerie_responsive span{font-family:'RidleyGrotesk-Bold';font-size:14px;float:none;text-align:left;display:block;clear: both;padding:10px 10px 0;text-transform:uppercase}
	.node-type-exposition .galerie_link{display:none}
	.node-type-exposition .equipe, .node-type-exposition .appli, .node-type-exposition .expo_around{display:none}
	.node-type-exposition .accordion{display:block}
	.node-type-exposition .accordion .accordion_title{font-family:'RidleyGrotesk-Bold';background-color:#eaeaea;text-transform:uppercase;padding: 10px 20px;font-size: 14px;margin: 15px 0;position:relative;}
	.node-type-exposition .accordion .accordion_title:after{content: '\e81b';font-family:'fontello_n';position:absolute;right:20px}
	.node-type-exposition .accordion .accordion_content{padding:0 10px;display:none;transition:all .4s;}
	.node-type-exposition .expo_around, .node-type-actu-ade .expo_around, .node-type-exposition .event_images{margin:0;}
	.node-type-exposition .right-content{margin:0;}
	.node-type-exposition .presse_link{margin:0 15px 15px;background:#b20135}
	.node-type-exposition .presse_link a{text-align:left;margin:0;display:block;color:#fff;padding:0 30px;line-height:2.1}
	.node-type-exposition .presse_link a i{color:#fff;border-right:none;padding:0}
	.node-type-exposition .presse_link a span{color:#fff;border-left:1px solid #fff;padding-left:10px}
	.footer_img_ce_baseline{margin:30px auto;padding:0 50px;max-width:100%}
	.twitter_feed{display:none}
	.node-type-exposition .twitter_responsive{display:block;font-family:'RidleyGrotesk-Bold';font-size:24px;text-align:center;}
	/*.node-type-exposition .partenaire{width:calc(50% - 2px)}*/
	.fancybox-nav span{visibility:visible}
	.fancybox-nav{width:15%}
	.fancybox-next{right:-10px}
	.fancybox-prev{left:-10px}
	#infos .information{display:none}
	#infos .infos_responsive{display:block;}
	.node-type-exposition #main.evenement .content_block #infos .infos_responsive h3{border-bottom:2px solid #000;padding: 0;text-transform: uppercase;color: #000;font-family: 'RidleyGrotesk-Regular';font-size: 16px}
	#infos .infos_responsive .information_content{margin:0 0 20px}
	#infos .infos_responsive .information_content:nth-child(1) h3:before{content:'\e801';font-family:'fontello';padding:0 10px 0 0}
	#infos .infos_responsive .information_content:nth-child(2) h3:before{content:'\e805';font-family:'fontello';padding:0 10px 0 0}
	#infos .infos_responsive .information_content:nth-child(3) h3:before{content:'\e804';font-family:'fontello';padding:0 10px 0 0}
	#infos .infos_responsive .sous_titre{padding:15px 0;color:#b10035;text-transform:uppercase;font-family:'RidleyGrotesk-Bold';font-size:12px}
	.node-type-exposition #main.evenement .content_block #infos .infos_responsive p{padding:0 0 10px 15px}
	#infos .infos_responsive .information_content:nth-child(1) .champ p:before{content:'\e81b';font-family:'fontello_n';position:absolute;left:12px}
	.node-type-exposition #main.evenement .content_block #infos .description p {padding:0}
	#infos .infos_responsive .information_content:nth-child(2) .champ tr{border-bottom:1px solid #ccc}
	#infos .infos_responsive .information_content:nth-child(2) .champ tr:last-child{border-bottom:none}
	#infos .infos_responsive .information_content:nth-child(2) .champ tr td:first-child{width:296px}
	#main .content_block #infos .infos_responsive .information_content:nth-child(2) .champ table tr td{vertical-align:top}
	#main .content_block #infos .infos_responsive .information_content:nth-child(2) .champ table{margin:0}
	.node-type-exposition #main.evenement .content_block #infos .infos_responsive .information_content:nth-child(2) .champ p{padding:0}
	#infos .infos_responsive .information_content:nth-child(2) .sous_titre:last-child{padding:0 0 15px}
	#infos .infos_responsive .chapo{background:#b10035;padding:10px 15px;font-family:'RidleyGrotesk-SemiBold';text-transform:uppercase;margin:15px 0 20px;text-align:center;color:#fff}
	#infos .infos_responsive .chapo a{color:#fff}
	#infos .infos_responsive .information_content:nth-child(3) .description{padding: 15px 0}
	#main .content_block #infos .infos_responsive .information_content:nth-child(3) .description img{margin:0!important;display:inline-block;vertical-align: top;}
	#infos .infos_responsive iframe{margin: 0 0 20px}
	.node-type-exposition #infos .infos_responsive .addthis_toolbox.addthis_default_style.responsive{display:block;}
	.node-type-exposition #infos .infos_responsive .addthis_toolbox.addthis_default_style.responsive a{display:inline-block;width:calc(33% - 4px)!important;height:auto;color:#fff;margin:0;float:none;vertical-align:middle;}
	.addthis_toolbox a:before{color:#fff}
	#infos .infos_responsive .addthis_toolbox.addthis_default_style.responsive .addthis_button_facebook{background:#3b5998!important;padding:5px 10px}
	#infos .infos_responsive .addthis_toolbox.addthis_default_style.responsive .addthis_button_twitter{background:#4ec7fa!important;padding:4px 10px}
	#infos .infos_responsive .addthis_toolbox.addthis_default_style.responsive .addthis_button_email{background:#bfbfbf!important;padding:6px 10px}
	#infos .infos_responsive .addthis_toolbox.addthis_default_style.responsive .addthis_button_email:before{background-image:url('../img/email.png');width:17px;height:10px;content:' '}
	body.node-type-exposition #main.evenement .content_block #infos .infos_responsive iframe{height:185px;margin:0}
	.node-type-exposition #main.evenement .content_block #infos .infos_responsive.desktop p{padding:10px 0}
	.node-type-exposition #main.evenement .content_block #infos .infos_responsive.desktop hr{display:none}
	.node-type-exposition .event_images{display:none}
	
	.node-type-exposition #presentation .body{overflow:hidden;height:347px;position:relative;padding:0 0 50px;transition: all .4s;}
	.plus_info{position: absolute;width: 100%;height: 105px;bottom: 0;background-image:url("../img/gradient.png");background-repeat:repeat-x;}
	.minus_info{position: absolute;width:100%;height:105px;bottom: 0;display:none}
	.plus_info:after{content:'+';font-size: 50px;display:block;text-align:center;position:absolute;bottom:0;left:0;right:0;cursor:pointer}
	.minus_info:after{content:'─';font-size: 50px;display:block;text-align:center;position:absolute;bottom:0;left:0;right:0;cursor:pointer}

	.message_exceptionnel .content{padding:10px;box-sizing:border-box;min-height:48px;margin:auto}
	.message_exceptionnel .content p{font-size:16px;line-height:20px;font-family:'RidleyGrotesk-Regular'}
	.message_exceptionnel .content p br{display:none}
	.message_exceptionnel > section{padding:0;width:100%}
	.mainslider .message_exceptionnel{display:block;}
	.node-type-home .message_exceptionnel{width:90%;margin:10px auto 0}
	.mainslider .description .ouverure, .mainslider .billeterie{width:90%}
	.ouverure .adress h3{font-family:'RidleyGrotesk-SemiBold';font-size:16px;text-align: center;}
	.ouverure .adress{/*display:inline-block;vertical-align:middle;max-width:100%;*/margin-left:17px;position:relative;padding-left:7px}
	.ouverure .adress:before{font-family:"fontello_n";content:"\e810";font-size:15px;position:absolute;top:0;left:0}
	.mainslider .description .ouverure .adress a{margin-left:25px}
	.node-type-exposition .body{overflow:hidden;height:347px;position:relative;margin:40px 20px 0;padding:0 0 50px;transition: all .4s;}
	.plus_info{position: absolute;width: 100%;height: 105px;bottom: 0;left:0;background-image:url("../img/gradient.png");background-repeat:repeat-x;}
	.minus_info{position: absolute;width:100%;height:105px;bottom: 0;left:0;display:none}
	.plus_info:after{content:'+';font-size: 50px;display:block;text-align:center;position:absolute;bottom:0;left:0;    right:0;cursor:pointer}
	.minus_info:after{content:'─';font-size: 50px;display:block;text-align:center;position:absolute;bottom:0;left:0;    right:0;cursor:pointer}
	.node-type-exposition .body iframe{height:auto}
}

@media not all and (min-resolution:.001dpcm) { @media {
	 .video_responsive .play_bg::before {font-size:40px}
}}

@media (max-width: 414px){
	#top_banner ul li{
		padding: 0 10px;
	}
	#top_banner .m_menu_control{
		width: 140px;
		padding-left: 40px;
		font-size: 16px;
		padding-top: 12px;
		background-position: 10px center;
		box-shadow: none;
		box-sizing: border-box;
	}
	#top_banner .m_menu_control .icon_arrow{
		font-size: 13px;
	}
	#header #site-name-slogan{
		margin-top: 5px;
	}
	#header #search_btn{
		top: 11px;
		right: 240px;
	}
	#header #search_btn:after{
		font-size: 22px;
	}
	.mainslider .description .categorie{padding-top:0}
	#header #site-name-slogan #site-name a{
		font-size: 24px;
		line-height: 28px;
	}
	#header #block-mtlfirstlevelnav-nav-first-level ul li{
		border-right: none;
	}
	#header #block-mtlfirstlevelnav-nav-first-level ul li:hover .sub_menu_block{
		display: none;
		opacity: 0;
	}
	#header #block-mtlfirstlevelnav-nav-first-level .sub_menu_block{
		padding: 20px 0;
	}
	#header #block-mtlfirstlevelnav-nav-first-level ul li .sub_menu_block.visible_soub{
		display: block !important;
		opacity: 1 !important;
	}
	#header #block-mtlfirstlevelnav-nav-first-level ul li .sub_menu .col{
		width: 100%;
		margin-right: 0;
		padding-right: 0;
	}
	.mises_en_avant{
		padding: 0 5px 30px;
	}
	.mises_en_avant .description{
		position: static;
		width: 100%;
	}
	.mises_block .bx-wrapper{
		padding: 0 15px;
	}
	.mises_block .bx-wrapper .bx-viewport{
		padding-bottom: 0;
	}
	.mises_en_avant .description .title{
		font-size: 18px;
		line-height: 28px;
	}
	.mises_en_avant .description .s_title{
		font-size: 12px;
	}
	.node-type-exposition .en_images .grid-item{padding:0 4px 4px;;width:50%}
	.node-type-exposition .en_images .grid_content{width:auto}
	.node-type-exposition .en_images .grid_content img{width:auto}
	.resp_mang_icon,
	.search-language .language{
		display: block;
		text-align: center;
	}
	.resp_mang_icon:after{
		font-family: "fontello_n";
		content: "\e80f";
		font-size: 22px;
	}	
	.info_pratique{
		right: 150px;
	}
	.search-language{
		right: 190px;
		top: 10px;
		display: inline-block;
		width: 35px;
	}
	.search-language .language li{
		float: none;
	}
	.search-language .language{
		padding: 0;
		position: absolute;
		display: none;
		background: #fff;
	}
	.search-language .language li a,
	.search-language .language a.selected, 
	.search-language .language li.active a,
	.search-language .language, 
	.search-language .language a{
		border-top: none;
	}
	#header_responsive .c-hamburger-resp{width:50px}
	#header_responsive #site-name-slogan{width:calc(100% - 54px);padding:14px 5px 12px 0}
}
@media only screen and (max-width: 375px){
	.footer ul li{
		margin-right: 2px;
		margin-left: 2px;
	}
	.footer ul li:nth-child(3n+2){
		margin-right: 2px;
		margin-left: 2px;
	}	
	.node-type-exposition .galerie_link a span,
	.node-type-exposition .billet_link a span,
	.node-type-actu-ade .galerie_link a span,
	.node-type-actu-ade .billet_link a span,
	.node-type-exposition .presse_link a span{font-size: 14px}
	#header_responsive .c-hamburger-resp{width:45px;height:58px}	
	#header_responsive .c-hamburger-resp span{height:3px;left:7px;right:7px}
	#header_responsive .c-hamburger-resp span::before, #header_responsive .c-hamburger-resp span::after{height:3px}
	#header_responsive .c-hamburger-resp span::before{top:-8px}
	#header_responsive .c-hamburger-resp span::after{bottom:-8px}
	#header_responsive #site-name-slogan #site-name{font-size:18px;line-height:22px}
	#header_responsive #responsive_menu_block .responsive_menu li{padding:14px 12px 12px}	
	#header_responsive #responsive_menu_block .responsive_menu li > a{font-size:16px;line-height:16px}
	#header_responsive #responsive_menu_block .responsive_menu li:after{font-size:16px;line-height:16px;top:12px}
	#header_responsive #responsive_menu_block .secondary_links .sec_m_title:after, #header_responsive #responsive_menu_block .sites_ce .title:after{font-size:16px}
	#header_responsive #responsive_menu_block .secondary_links, #header_responsive #responsive_menu_block .sites_ce, #header_responsive #responsive_menu_block .social_links{padding:12px;}
	#header_responsive #responsive_menu_block .secondary_links .sec_m_title, #header_responsive #responsive_menu_block .sites_ce .title{font-size:16px}
	#header_responsive #responsive_menu_block .languages li{margin:0 10px}
	#header_responsive #responsive_menu_block .search_block .search_btn{right:17px}
	#footer .links li a, #footer .menu li a{font-size:10px}
	.gallery_el.archive .padding p span{font-size:22px}
	.coupure_presse .content .picture, .coupure_presse .content .content_right{padding:5px 10px}
}
@media only screen and (max-width: 360px){
	.footer ul li{
		margin-right: 2px;
		margin-left: 2px;
	}
	.footer ul li:nth-child(3n+2){
		margin-right: 2px;
		margin-left: 2px;
	}
	.footer ul li{width:80px;margin-bottom:4px}
	#megaBan li a{width:100%}
	#footer #megaBan li a{width:104px}
}
@media (max-width: 320px){
	#top_banner ul li{
		padding: 0 5px;
	}
	#header_responsive #site-name-slogan #site-name{font-size:16px;line-height:22px}
	#footer #megaBan li a{width:91px}
}
/*EVOL 05052020*/
@media (max-width: 1480px){
	.supplement .region-supplement{height:60vh}
}
@media (max-width: 1080px){
	.supplement .region-supplement{max-width:80%;}
}
@media (max-width: 900px){
	.node-type-home .infos_pop_in{top:140px}
}
@media (max-width: 600px){
	.node-type-home .infos_pop_in{position:relative;top:0}
	.supplement .region-supplement{max-width:100%;}
	.supplement .region-supplement p{font-size:13px;margin:10px 0}
	.supplement .region-supplement ul li{font-size:13px}
	.infos_pop_in .infos p{text-align:center;}
}